<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>[提纲]增删改查-常用片段(Element+Antd+Layui) | Note</title>
    <meta name="generator" content="VuePress 1.5.2">
    <link rel="icon" href="https://luo0412.gitee.io/static/images/logo/favicon.ico">
    <script>((window.gitter = {}).chat = {}).options = {
    room: 'luo0412/note'
};
</script>
    <script src="https://sidecar.gitter.im/dist/sidecar.v1.js"></script>
    <script src="https://apps.bdimg.com/libs/jquery/1.11.3/jquery.min.js"></script>
    <script>$(function () {

    $(".navbar .dropdown-wrapper .title").each(function (index, item) {
        var title = $(item).text() || ""
        console.log(title)
        var index = title.indexOf("(")
        if (index > -1) {
            $(item).text(title.slice(0, index))
        }
    })

})</script>
    <meta name="description" content="Note">
    <link rel="preload" href="/note/assets/css/0.styles.053a9293.css" as="style"><link rel="preload" href="/note/assets/js/app.0dd55c60.js" as="script"><link rel="preload" href="/note/assets/js/2.b5bc497d.js" as="script"><link rel="preload" href="/note/assets/js/752.6f286a81.js" as="script"><link rel="prefetch" href="/note/assets/js/10.6fabb1c3.js"><link rel="prefetch" href="/note/assets/js/100.ca78b159.js"><link rel="prefetch" href="/note/assets/js/1000.2010a4d6.js"><link rel="prefetch" href="/note/assets/js/1001.547fb6ca.js"><link rel="prefetch" href="/note/assets/js/1002.13127f5c.js"><link rel="prefetch" href="/note/assets/js/1003.13b94044.js"><link rel="prefetch" href="/note/assets/js/1004.d394010c.js"><link rel="prefetch" href="/note/assets/js/1005.373b866d.js"><link rel="prefetch" href="/note/assets/js/1006.a902ad1e.js"><link rel="prefetch" href="/note/assets/js/1007.c89095b6.js"><link rel="prefetch" href="/note/assets/js/1008.89f33664.js"><link rel="prefetch" href="/note/assets/js/1009.78fac62f.js"><link rel="prefetch" href="/note/assets/js/101.10b4c74a.js"><link rel="prefetch" href="/note/assets/js/1010.143517ab.js"><link rel="prefetch" href="/note/assets/js/1011.ee571f7a.js"><link rel="prefetch" href="/note/assets/js/1012.594bad31.js"><link rel="prefetch" href="/note/assets/js/1013.8150e2dc.js"><link rel="prefetch" href="/note/assets/js/1014.e24c65b8.js"><link rel="prefetch" href="/note/assets/js/1015.8c135bbb.js"><link rel="prefetch" href="/note/assets/js/1016.1b44b450.js"><link rel="prefetch" href="/note/assets/js/1017.42a63721.js"><link rel="prefetch" href="/note/assets/js/1018.4e8e324d.js"><link rel="prefetch" href="/note/assets/js/1019.903fbd1f.js"><link rel="prefetch" href="/note/assets/js/102.dbdeb232.js"><link rel="prefetch" href="/note/assets/js/1020.6123bb78.js"><link rel="prefetch" href="/note/assets/js/1021.d6b4a6a4.js"><link rel="prefetch" href="/note/assets/js/1022.f770d2ec.js"><link rel="prefetch" href="/note/assets/js/1023.c6bd33f4.js"><link rel="prefetch" href="/note/assets/js/1024.0709f017.js"><link rel="prefetch" href="/note/assets/js/1025.e7dc6826.js"><link rel="prefetch" href="/note/assets/js/1026.5e3bd6fb.js"><link rel="prefetch" href="/note/assets/js/1027.71af8bdf.js"><link rel="prefetch" href="/note/assets/js/1028.9e3feda2.js"><link rel="prefetch" href="/note/assets/js/1029.fe125d3a.js"><link rel="prefetch" href="/note/assets/js/103.5b80db7c.js"><link rel="prefetch" href="/note/assets/js/1030.cce3af0b.js"><link rel="prefetch" href="/note/assets/js/1031.7620a746.js"><link rel="prefetch" href="/note/assets/js/1032.f5e9fc6b.js"><link rel="prefetch" href="/note/assets/js/1033.5517f372.js"><link rel="prefetch" href="/note/assets/js/1034.f6b88521.js"><link rel="prefetch" href="/note/assets/js/1035.43beba3c.js"><link rel="prefetch" href="/note/assets/js/1036.0a00691e.js"><link rel="prefetch" href="/note/assets/js/1037.ddaf7ca4.js"><link rel="prefetch" href="/note/assets/js/1038.77dcd7e6.js"><link rel="prefetch" href="/note/assets/js/1039.aa331d08.js"><link rel="prefetch" href="/note/assets/js/104.921f7ab6.js"><link rel="prefetch" href="/note/assets/js/1040.9c5cfa93.js"><link rel="prefetch" href="/note/assets/js/1041.d5fc22d0.js"><link rel="prefetch" href="/note/assets/js/1042.09e99061.js"><link rel="prefetch" href="/note/assets/js/1043.92e87dc8.js"><link rel="prefetch" href="/note/assets/js/1044.9ccabd7b.js"><link rel="prefetch" href="/note/assets/js/1045.896a4b98.js"><link rel="prefetch" href="/note/assets/js/1046.b1f6cfac.js"><link rel="prefetch" href="/note/assets/js/1047.065af830.js"><link rel="prefetch" href="/note/assets/js/1048.dc4b2fd1.js"><link rel="prefetch" href="/note/assets/js/1049.507b1958.js"><link rel="prefetch" href="/note/assets/js/105.4ff40edb.js"><link rel="prefetch" href="/note/assets/js/1050.66a632d0.js"><link rel="prefetch" href="/note/assets/js/1051.c09f6ff9.js"><link rel="prefetch" href="/note/assets/js/1052.62215f23.js"><link rel="prefetch" href="/note/assets/js/1053.3c227068.js"><link rel="prefetch" href="/note/assets/js/1054.fbbe89a8.js"><link rel="prefetch" href="/note/assets/js/1055.80e7ecea.js"><link rel="prefetch" href="/note/assets/js/1056.d82ada06.js"><link rel="prefetch" href="/note/assets/js/1057.60a0bdfd.js"><link rel="prefetch" href="/note/assets/js/1058.1f491202.js"><link rel="prefetch" href="/note/assets/js/1059.61fc043f.js"><link rel="prefetch" href="/note/assets/js/106.8771ad69.js"><link rel="prefetch" href="/note/assets/js/1060.1d7e58ea.js"><link rel="prefetch" href="/note/assets/js/1061.3bdaf7cf.js"><link rel="prefetch" href="/note/assets/js/1062.33ce75a4.js"><link rel="prefetch" href="/note/assets/js/1063.3323f398.js"><link rel="prefetch" href="/note/assets/js/1064.98791386.js"><link rel="prefetch" href="/note/assets/js/1065.fc879866.js"><link rel="prefetch" href="/note/assets/js/1066.d00759bc.js"><link rel="prefetch" href="/note/assets/js/1067.a03311b1.js"><link rel="prefetch" href="/note/assets/js/1068.6e98deee.js"><link rel="prefetch" href="/note/assets/js/1069.92f11b62.js"><link rel="prefetch" href="/note/assets/js/107.4f6b83a9.js"><link rel="prefetch" href="/note/assets/js/1070.abfaf2ea.js"><link rel="prefetch" href="/note/assets/js/1071.a85c44cd.js"><link rel="prefetch" href="/note/assets/js/1072.ee20bbd2.js"><link rel="prefetch" href="/note/assets/js/1073.98af18ae.js"><link rel="prefetch" href="/note/assets/js/1074.ddc98cb2.js"><link rel="prefetch" href="/note/assets/js/1075.b090a6bb.js"><link rel="prefetch" href="/note/assets/js/1076.fc3441b8.js"><link rel="prefetch" href="/note/assets/js/1077.937cb3f1.js"><link rel="prefetch" href="/note/assets/js/1078.0266a077.js"><link rel="prefetch" href="/note/assets/js/1079.c9ca42d2.js"><link rel="prefetch" href="/note/assets/js/108.ce771ea1.js"><link rel="prefetch" href="/note/assets/js/1080.5f9607c7.js"><link rel="prefetch" href="/note/assets/js/1081.18be07bc.js"><link rel="prefetch" href="/note/assets/js/1082.b1408a25.js"><link rel="prefetch" href="/note/assets/js/1083.b7acb322.js"><link rel="prefetch" href="/note/assets/js/1084.2cc1b6cc.js"><link rel="prefetch" href="/note/assets/js/1085.523883b5.js"><link rel="prefetch" href="/note/assets/js/1086.391500e3.js"><link rel="prefetch" href="/note/assets/js/1087.b0708074.js"><link rel="prefetch" href="/note/assets/js/1088.651139c5.js"><link rel="prefetch" href="/note/assets/js/1089.b22da811.js"><link rel="prefetch" href="/note/assets/js/109.5fcf88af.js"><link rel="prefetch" href="/note/assets/js/1090.fb57f50a.js"><link rel="prefetch" href="/note/assets/js/1091.c39361b0.js"><link rel="prefetch" href="/note/assets/js/1092.243d3ae1.js"><link rel="prefetch" href="/note/assets/js/1093.0648887d.js"><link rel="prefetch" href="/note/assets/js/1094.7374be31.js"><link rel="prefetch" href="/note/assets/js/1095.dc127610.js"><link rel="prefetch" href="/note/assets/js/1096.b2519d06.js"><link rel="prefetch" href="/note/assets/js/1097.88477c5e.js"><link rel="prefetch" href="/note/assets/js/1098.2454c560.js"><link rel="prefetch" href="/note/assets/js/1099.4986b8a1.js"><link rel="prefetch" href="/note/assets/js/11.a2bdeb4a.js"><link rel="prefetch" href="/note/assets/js/110.4903bf80.js"><link rel="prefetch" href="/note/assets/js/1100.67ef7a27.js"><link rel="prefetch" href="/note/assets/js/1101.47ad6cbb.js"><link rel="prefetch" href="/note/assets/js/1102.bd298310.js"><link rel="prefetch" href="/note/assets/js/1103.72dbd5a9.js"><link rel="prefetch" href="/note/assets/js/1104.18f0cee6.js"><link rel="prefetch" href="/note/assets/js/1105.9cdc2216.js"><link rel="prefetch" href="/note/assets/js/1106.5e5af1d9.js"><link rel="prefetch" href="/note/assets/js/1107.732b8cd2.js"><link rel="prefetch" href="/note/assets/js/1108.f159f2c9.js"><link rel="prefetch" href="/note/assets/js/1109.c7e02cc2.js"><link rel="prefetch" href="/note/assets/js/111.398b3066.js"><link rel="prefetch" href="/note/assets/js/1110.14723455.js"><link rel="prefetch" href="/note/assets/js/1111.c9b98b7b.js"><link rel="prefetch" href="/note/assets/js/1112.62c492c5.js"><link rel="prefetch" href="/note/assets/js/1113.c2d30318.js"><link rel="prefetch" href="/note/assets/js/1114.3705072c.js"><link rel="prefetch" href="/note/assets/js/1115.40d964de.js"><link rel="prefetch" href="/note/assets/js/1116.61e4cead.js"><link rel="prefetch" href="/note/assets/js/1117.805b5813.js"><link rel="prefetch" href="/note/assets/js/1118.0d83619f.js"><link rel="prefetch" href="/note/assets/js/1119.de589ac3.js"><link rel="prefetch" href="/note/assets/js/112.e741b8c0.js"><link rel="prefetch" href="/note/assets/js/1120.734fc1a1.js"><link rel="prefetch" href="/note/assets/js/1121.2880a778.js"><link rel="prefetch" href="/note/assets/js/1122.1c15d9e8.js"><link rel="prefetch" href="/note/assets/js/1123.2b751972.js"><link rel="prefetch" href="/note/assets/js/1124.c80a5692.js"><link rel="prefetch" href="/note/assets/js/1125.4c8769df.js"><link rel="prefetch" href="/note/assets/js/1126.07bd1fab.js"><link rel="prefetch" href="/note/assets/js/1127.1f2d410e.js"><link rel="prefetch" href="/note/assets/js/1128.a3589bd1.js"><link rel="prefetch" href="/note/assets/js/1129.07b3793f.js"><link rel="prefetch" href="/note/assets/js/113.d0897f33.js"><link rel="prefetch" href="/note/assets/js/1130.688fc7ea.js"><link rel="prefetch" href="/note/assets/js/1131.08eea929.js"><link rel="prefetch" href="/note/assets/js/1132.0e78cf2c.js"><link rel="prefetch" href="/note/assets/js/1133.7f1b2ff2.js"><link rel="prefetch" href="/note/assets/js/1134.6af47f09.js"><link rel="prefetch" href="/note/assets/js/1135.f78f8323.js"><link rel="prefetch" href="/note/assets/js/1136.20e78f72.js"><link rel="prefetch" href="/note/assets/js/1137.83d093e5.js"><link rel="prefetch" href="/note/assets/js/1138.de6c1eda.js"><link rel="prefetch" href="/note/assets/js/1139.fb3e8147.js"><link rel="prefetch" href="/note/assets/js/114.03fde2cb.js"><link rel="prefetch" href="/note/assets/js/1140.363ad3ba.js"><link rel="prefetch" href="/note/assets/js/1141.c3d4f0b5.js"><link rel="prefetch" href="/note/assets/js/1142.a1c1fdbd.js"><link rel="prefetch" href="/note/assets/js/1143.a1aa3881.js"><link rel="prefetch" href="/note/assets/js/1144.e14942c6.js"><link rel="prefetch" href="/note/assets/js/1145.58641277.js"><link rel="prefetch" href="/note/assets/js/1146.282bcca7.js"><link rel="prefetch" href="/note/assets/js/1147.55f82bc9.js"><link rel="prefetch" href="/note/assets/js/1148.aa36479d.js"><link rel="prefetch" href="/note/assets/js/1149.ce5ddb53.js"><link rel="prefetch" href="/note/assets/js/115.3a676795.js"><link rel="prefetch" href="/note/assets/js/1150.e89dbdf2.js"><link rel="prefetch" href="/note/assets/js/1151.992dbe84.js"><link rel="prefetch" href="/note/assets/js/1152.02847c4f.js"><link rel="prefetch" href="/note/assets/js/1153.d1834115.js"><link rel="prefetch" href="/note/assets/js/1154.c1ab05b2.js"><link rel="prefetch" href="/note/assets/js/1155.623f4c45.js"><link rel="prefetch" href="/note/assets/js/1156.b942b6e3.js"><link rel="prefetch" href="/note/assets/js/1157.afab23b3.js"><link rel="prefetch" href="/note/assets/js/1158.01c0ad53.js"><link rel="prefetch" href="/note/assets/js/1159.ac06ac23.js"><link rel="prefetch" href="/note/assets/js/116.6912c191.js"><link rel="prefetch" href="/note/assets/js/1160.b3f513a9.js"><link rel="prefetch" href="/note/assets/js/1161.868353a8.js"><link rel="prefetch" href="/note/assets/js/1162.eba72333.js"><link rel="prefetch" href="/note/assets/js/1163.62fab1df.js"><link rel="prefetch" href="/note/assets/js/1164.e3d60985.js"><link rel="prefetch" href="/note/assets/js/1165.c306fa09.js"><link rel="prefetch" href="/note/assets/js/1166.17af913b.js"><link rel="prefetch" href="/note/assets/js/1167.31a83191.js"><link rel="prefetch" href="/note/assets/js/1168.6b5b2ef1.js"><link rel="prefetch" href="/note/assets/js/1169.a89176af.js"><link rel="prefetch" href="/note/assets/js/117.1ae6cfb1.js"><link rel="prefetch" href="/note/assets/js/1170.5eab09b7.js"><link rel="prefetch" href="/note/assets/js/1171.117f12a2.js"><link rel="prefetch" href="/note/assets/js/1172.0ace466a.js"><link rel="prefetch" href="/note/assets/js/1173.9eeb506b.js"><link rel="prefetch" href="/note/assets/js/1174.45e24809.js"><link rel="prefetch" href="/note/assets/js/1175.4c4ed2f1.js"><link rel="prefetch" href="/note/assets/js/1176.79037cf2.js"><link rel="prefetch" href="/note/assets/js/1177.80628f3d.js"><link rel="prefetch" href="/note/assets/js/1178.ce2b26d0.js"><link rel="prefetch" href="/note/assets/js/1179.b62d19b0.js"><link rel="prefetch" href="/note/assets/js/118.eea198fb.js"><link rel="prefetch" href="/note/assets/js/1180.1186a2d9.js"><link rel="prefetch" href="/note/assets/js/1181.1c8ea8c7.js"><link rel="prefetch" href="/note/assets/js/1182.44343855.js"><link rel="prefetch" href="/note/assets/js/1183.20760ae8.js"><link rel="prefetch" href="/note/assets/js/1184.1bda9a33.js"><link rel="prefetch" href="/note/assets/js/1185.07614e12.js"><link rel="prefetch" href="/note/assets/js/1186.65cc1f74.js"><link rel="prefetch" href="/note/assets/js/1187.0de9ca21.js"><link rel="prefetch" href="/note/assets/js/1188.509993a2.js"><link rel="prefetch" href="/note/assets/js/1189.141a26ea.js"><link rel="prefetch" href="/note/assets/js/119.db88fa5b.js"><link rel="prefetch" href="/note/assets/js/1190.225e373b.js"><link rel="prefetch" href="/note/assets/js/1191.f5a93566.js"><link rel="prefetch" href="/note/assets/js/1192.21d00e9e.js"><link rel="prefetch" href="/note/assets/js/1193.e3de4f19.js"><link rel="prefetch" href="/note/assets/js/1194.49bd4c84.js"><link rel="prefetch" href="/note/assets/js/1195.d2c22fbd.js"><link rel="prefetch" href="/note/assets/js/1196.840061e5.js"><link rel="prefetch" href="/note/assets/js/1197.cafffde2.js"><link rel="prefetch" href="/note/assets/js/1198.bca205d4.js"><link rel="prefetch" href="/note/assets/js/1199.08f14949.js"><link rel="prefetch" href="/note/assets/js/12.3d8ef1bf.js"><link rel="prefetch" href="/note/assets/js/120.5562fbd2.js"><link rel="prefetch" href="/note/assets/js/1200.7b1808d8.js"><link rel="prefetch" href="/note/assets/js/1201.75363dc0.js"><link rel="prefetch" href="/note/assets/js/1202.f2277149.js"><link rel="prefetch" href="/note/assets/js/1203.e71bfd8f.js"><link rel="prefetch" href="/note/assets/js/1204.e1047970.js"><link rel="prefetch" href="/note/assets/js/1205.6e203c72.js"><link rel="prefetch" href="/note/assets/js/1206.879b33b2.js"><link rel="prefetch" href="/note/assets/js/1207.af1092d2.js"><link rel="prefetch" href="/note/assets/js/1208.21914220.js"><link rel="prefetch" href="/note/assets/js/1209.8c68ac38.js"><link rel="prefetch" href="/note/assets/js/121.a23f4b45.js"><link rel="prefetch" href="/note/assets/js/1210.95cf793f.js"><link rel="prefetch" href="/note/assets/js/1211.0c58d784.js"><link rel="prefetch" href="/note/assets/js/1212.8c3a7008.js"><link rel="prefetch" href="/note/assets/js/1213.0667b965.js"><link rel="prefetch" href="/note/assets/js/1214.d23c8ab9.js"><link rel="prefetch" href="/note/assets/js/1215.f4fb6cd2.js"><link rel="prefetch" href="/note/assets/js/1216.c8bcf16d.js"><link rel="prefetch" href="/note/assets/js/1217.21d9aec3.js"><link rel="prefetch" href="/note/assets/js/1218.84462b85.js"><link rel="prefetch" href="/note/assets/js/1219.d87095d3.js"><link rel="prefetch" href="/note/assets/js/122.b70cba01.js"><link rel="prefetch" href="/note/assets/js/1220.b8ec23c0.js"><link rel="prefetch" href="/note/assets/js/1221.6798a9d0.js"><link rel="prefetch" href="/note/assets/js/1222.63979b25.js"><link rel="prefetch" href="/note/assets/js/1223.18b257b2.js"><link rel="prefetch" href="/note/assets/js/1224.7606e555.js"><link rel="prefetch" href="/note/assets/js/1225.ff81c865.js"><link rel="prefetch" href="/note/assets/js/1226.2060802c.js"><link rel="prefetch" href="/note/assets/js/1227.5a3c9422.js"><link rel="prefetch" href="/note/assets/js/1228.835a0342.js"><link rel="prefetch" href="/note/assets/js/1229.c4a79c2f.js"><link rel="prefetch" href="/note/assets/js/123.038a8402.js"><link rel="prefetch" href="/note/assets/js/1230.08e09410.js"><link rel="prefetch" href="/note/assets/js/1231.65055dfc.js"><link rel="prefetch" href="/note/assets/js/1232.c2cea8c6.js"><link rel="prefetch" href="/note/assets/js/1233.f34c38ce.js"><link rel="prefetch" href="/note/assets/js/1234.5db3f0c9.js"><link rel="prefetch" href="/note/assets/js/1235.94e20fd3.js"><link rel="prefetch" href="/note/assets/js/1236.49aa8556.js"><link rel="prefetch" href="/note/assets/js/1237.f7d77518.js"><link rel="prefetch" href="/note/assets/js/1238.a43df43d.js"><link rel="prefetch" href="/note/assets/js/1239.7f08216b.js"><link rel="prefetch" href="/note/assets/js/124.d2d86050.js"><link rel="prefetch" href="/note/assets/js/1240.6c65a884.js"><link rel="prefetch" href="/note/assets/js/1241.cc704031.js"><link rel="prefetch" href="/note/assets/js/1242.0da8dd18.js"><link rel="prefetch" href="/note/assets/js/1243.2726a72f.js"><link rel="prefetch" href="/note/assets/js/1244.93d7dd75.js"><link rel="prefetch" href="/note/assets/js/1245.2acfcf81.js"><link rel="prefetch" href="/note/assets/js/1246.5cd95fd2.js"><link rel="prefetch" href="/note/assets/js/1247.0d25e544.js"><link rel="prefetch" href="/note/assets/js/1248.d34e7c0a.js"><link rel="prefetch" href="/note/assets/js/1249.26a564fb.js"><link rel="prefetch" href="/note/assets/js/125.7b917335.js"><link rel="prefetch" href="/note/assets/js/1250.ad0a87e9.js"><link rel="prefetch" href="/note/assets/js/1251.46820e88.js"><link rel="prefetch" href="/note/assets/js/1252.496c2e7c.js"><link rel="prefetch" href="/note/assets/js/1253.494a47da.js"><link rel="prefetch" href="/note/assets/js/1254.91e792fe.js"><link rel="prefetch" href="/note/assets/js/1255.70b900dc.js"><link rel="prefetch" href="/note/assets/js/1256.7665d7b3.js"><link rel="prefetch" href="/note/assets/js/1257.4f68b935.js"><link rel="prefetch" href="/note/assets/js/1258.f3bb3eff.js"><link rel="prefetch" href="/note/assets/js/1259.300b0e45.js"><link rel="prefetch" href="/note/assets/js/126.1fdad05d.js"><link rel="prefetch" href="/note/assets/js/1260.00772dfc.js"><link rel="prefetch" href="/note/assets/js/1261.1701f1e3.js"><link rel="prefetch" href="/note/assets/js/1262.cb45462e.js"><link rel="prefetch" href="/note/assets/js/1263.92086e9c.js"><link rel="prefetch" href="/note/assets/js/1264.588b3665.js"><link rel="prefetch" href="/note/assets/js/1265.fe0f182b.js"><link rel="prefetch" href="/note/assets/js/1266.81501190.js"><link rel="prefetch" href="/note/assets/js/1267.53501631.js"><link rel="prefetch" href="/note/assets/js/1268.a6be80bf.js"><link rel="prefetch" href="/note/assets/js/1269.0d466638.js"><link rel="prefetch" href="/note/assets/js/127.5ac7a207.js"><link rel="prefetch" href="/note/assets/js/1270.03f9ff41.js"><link rel="prefetch" href="/note/assets/js/1271.4dd1bef4.js"><link rel="prefetch" href="/note/assets/js/1272.e1998639.js"><link rel="prefetch" href="/note/assets/js/1273.9e9fab98.js"><link rel="prefetch" href="/note/assets/js/1274.869f80cd.js"><link rel="prefetch" href="/note/assets/js/1275.4990c964.js"><link rel="prefetch" href="/note/assets/js/1276.cd9564fa.js"><link rel="prefetch" href="/note/assets/js/1277.c71cf35d.js"><link rel="prefetch" href="/note/assets/js/1278.eeaaff73.js"><link rel="prefetch" href="/note/assets/js/1279.a44da38c.js"><link rel="prefetch" href="/note/assets/js/128.fec80845.js"><link rel="prefetch" href="/note/assets/js/1280.f5442c41.js"><link rel="prefetch" href="/note/assets/js/1281.899e8f39.js"><link rel="prefetch" href="/note/assets/js/1282.8f1302e5.js"><link rel="prefetch" href="/note/assets/js/1283.51993217.js"><link rel="prefetch" href="/note/assets/js/1284.818667b9.js"><link rel="prefetch" href="/note/assets/js/1285.8503d46a.js"><link rel="prefetch" href="/note/assets/js/1286.381dafd1.js"><link rel="prefetch" href="/note/assets/js/1287.ef7e3c0d.js"><link rel="prefetch" href="/note/assets/js/1288.38c743f7.js"><link rel="prefetch" href="/note/assets/js/1289.6632bd2d.js"><link rel="prefetch" href="/note/assets/js/129.24aea0ed.js"><link rel="prefetch" href="/note/assets/js/1290.6a1cd0bf.js"><link rel="prefetch" href="/note/assets/js/1291.930e70cb.js"><link rel="prefetch" href="/note/assets/js/1292.8eab8d1f.js"><link rel="prefetch" href="/note/assets/js/1293.b93cbe46.js"><link rel="prefetch" href="/note/assets/js/1294.7736188e.js"><link rel="prefetch" href="/note/assets/js/1295.a01cad2d.js"><link rel="prefetch" href="/note/assets/js/1296.317f87cf.js"><link rel="prefetch" href="/note/assets/js/1297.8d47977d.js"><link rel="prefetch" href="/note/assets/js/1298.c16d82ee.js"><link rel="prefetch" href="/note/assets/js/1299.8e91471f.js"><link rel="prefetch" href="/note/assets/js/13.90c97bb0.js"><link rel="prefetch" href="/note/assets/js/130.5e476c74.js"><link rel="prefetch" href="/note/assets/js/1300.60248b2a.js"><link rel="prefetch" href="/note/assets/js/1301.30bca9b9.js"><link rel="prefetch" href="/note/assets/js/1302.1e0bb985.js"><link rel="prefetch" href="/note/assets/js/1303.f327fef4.js"><link rel="prefetch" href="/note/assets/js/1304.3e88410e.js"><link rel="prefetch" href="/note/assets/js/1305.f77ec4c5.js"><link rel="prefetch" href="/note/assets/js/1306.99e2814f.js"><link rel="prefetch" href="/note/assets/js/1307.164918b4.js"><link rel="prefetch" href="/note/assets/js/1308.5f27d42e.js"><link rel="prefetch" href="/note/assets/js/1309.1bfafce9.js"><link rel="prefetch" href="/note/assets/js/131.d5b3e315.js"><link rel="prefetch" href="/note/assets/js/1310.fa971681.js"><link rel="prefetch" href="/note/assets/js/1311.f82d3cc1.js"><link rel="prefetch" href="/note/assets/js/1312.8523405a.js"><link rel="prefetch" href="/note/assets/js/1313.b89e9958.js"><link rel="prefetch" href="/note/assets/js/1314.459fd2e8.js"><link rel="prefetch" href="/note/assets/js/1315.ffa77e00.js"><link rel="prefetch" href="/note/assets/js/1316.71803c4e.js"><link rel="prefetch" href="/note/assets/js/1317.0d562c71.js"><link rel="prefetch" href="/note/assets/js/1318.cea0d0e7.js"><link rel="prefetch" href="/note/assets/js/1319.db717e8e.js"><link rel="prefetch" href="/note/assets/js/132.cb75bf5f.js"><link rel="prefetch" href="/note/assets/js/1320.da453d4c.js"><link rel="prefetch" href="/note/assets/js/1321.b7d04a3e.js"><link rel="prefetch" href="/note/assets/js/1322.488d9dc4.js"><link rel="prefetch" href="/note/assets/js/1323.afa96955.js"><link rel="prefetch" href="/note/assets/js/1324.ebfcaa9a.js"><link rel="prefetch" href="/note/assets/js/1325.59078cd0.js"><link rel="prefetch" href="/note/assets/js/1326.c43aa349.js"><link rel="prefetch" href="/note/assets/js/1327.1ac02e72.js"><link rel="prefetch" href="/note/assets/js/1328.690533d8.js"><link rel="prefetch" href="/note/assets/js/1329.b1a47d5a.js"><link rel="prefetch" href="/note/assets/js/133.3873ed89.js"><link rel="prefetch" href="/note/assets/js/1330.50528b01.js"><link rel="prefetch" href="/note/assets/js/1331.8cc7da6c.js"><link rel="prefetch" href="/note/assets/js/1332.7eac4760.js"><link rel="prefetch" href="/note/assets/js/1333.d1e1c6c0.js"><link rel="prefetch" href="/note/assets/js/1334.1d4cffe4.js"><link rel="prefetch" href="/note/assets/js/1335.4c9c89a7.js"><link rel="prefetch" href="/note/assets/js/1336.0709b00a.js"><link rel="prefetch" href="/note/assets/js/1337.4b93078a.js"><link rel="prefetch" href="/note/assets/js/1338.fa0ea707.js"><link rel="prefetch" href="/note/assets/js/1339.4173dfbc.js"><link rel="prefetch" href="/note/assets/js/134.41dcae3e.js"><link rel="prefetch" href="/note/assets/js/1340.0f53faa4.js"><link rel="prefetch" href="/note/assets/js/1341.0b6bbc9b.js"><link rel="prefetch" href="/note/assets/js/1342.f09be87d.js"><link rel="prefetch" href="/note/assets/js/1343.8d700dd1.js"><link rel="prefetch" href="/note/assets/js/1344.20213311.js"><link rel="prefetch" href="/note/assets/js/1345.b88cb5c8.js"><link rel="prefetch" href="/note/assets/js/1346.2ce77e48.js"><link rel="prefetch" href="/note/assets/js/1347.3bdca290.js"><link rel="prefetch" href="/note/assets/js/1348.0604d15f.js"><link rel="prefetch" href="/note/assets/js/1349.c2cdba7b.js"><link rel="prefetch" href="/note/assets/js/135.c09225de.js"><link rel="prefetch" href="/note/assets/js/1350.e114232c.js"><link rel="prefetch" href="/note/assets/js/1351.df37c943.js"><link rel="prefetch" href="/note/assets/js/1352.391a9de9.js"><link rel="prefetch" href="/note/assets/js/1353.3fdc0d02.js"><link rel="prefetch" href="/note/assets/js/1354.6d84dd26.js"><link rel="prefetch" href="/note/assets/js/1355.0d1ebd9c.js"><link rel="prefetch" href="/note/assets/js/1356.5fcb74ec.js"><link rel="prefetch" href="/note/assets/js/1357.fee0a767.js"><link rel="prefetch" href="/note/assets/js/1358.4afa872d.js"><link rel="prefetch" href="/note/assets/js/1359.0d2d4054.js"><link rel="prefetch" href="/note/assets/js/136.e18c2baf.js"><link rel="prefetch" href="/note/assets/js/1360.16d39394.js"><link rel="prefetch" href="/note/assets/js/1361.fc7c3e15.js"><link rel="prefetch" href="/note/assets/js/1362.18e78662.js"><link rel="prefetch" href="/note/assets/js/1363.b37574a5.js"><link rel="prefetch" href="/note/assets/js/1364.82896e58.js"><link rel="prefetch" href="/note/assets/js/1365.14108d1c.js"><link rel="prefetch" href="/note/assets/js/1366.de0d4898.js"><link rel="prefetch" href="/note/assets/js/1367.8d6c2ea4.js"><link rel="prefetch" href="/note/assets/js/1368.6a3824f5.js"><link rel="prefetch" href="/note/assets/js/1369.a875c3a7.js"><link rel="prefetch" href="/note/assets/js/137.0ec1c58f.js"><link rel="prefetch" href="/note/assets/js/1370.8670e5e5.js"><link rel="prefetch" href="/note/assets/js/1371.0c0b8bdc.js"><link rel="prefetch" href="/note/assets/js/1372.5dc88a79.js"><link rel="prefetch" href="/note/assets/js/1373.329acda1.js"><link rel="prefetch" href="/note/assets/js/1374.80aa66c2.js"><link rel="prefetch" href="/note/assets/js/1375.9c839016.js"><link rel="prefetch" href="/note/assets/js/1376.cbdf0743.js"><link rel="prefetch" href="/note/assets/js/1377.85560841.js"><link rel="prefetch" href="/note/assets/js/1378.92799cab.js"><link rel="prefetch" href="/note/assets/js/1379.ca4340fe.js"><link rel="prefetch" href="/note/assets/js/138.8d774a2f.js"><link rel="prefetch" href="/note/assets/js/1380.89d648ee.js"><link rel="prefetch" href="/note/assets/js/1381.22adbfa4.js"><link rel="prefetch" href="/note/assets/js/1382.6222f122.js"><link rel="prefetch" href="/note/assets/js/1383.24957095.js"><link rel="prefetch" href="/note/assets/js/1384.ec1d0172.js"><link rel="prefetch" href="/note/assets/js/1385.8afde7d3.js"><link rel="prefetch" href="/note/assets/js/1386.0b3c73dd.js"><link rel="prefetch" href="/note/assets/js/1387.b4faf060.js"><link rel="prefetch" href="/note/assets/js/1388.4981a51b.js"><link rel="prefetch" href="/note/assets/js/1389.fc0ae05b.js"><link rel="prefetch" href="/note/assets/js/139.d80d5a43.js"><link rel="prefetch" href="/note/assets/js/1390.c795d933.js"><link rel="prefetch" href="/note/assets/js/1391.0a65590c.js"><link rel="prefetch" href="/note/assets/js/1392.0b002d03.js"><link rel="prefetch" href="/note/assets/js/1393.8ec9008f.js"><link rel="prefetch" href="/note/assets/js/1394.28dd0c38.js"><link rel="prefetch" href="/note/assets/js/1395.d11c4d7d.js"><link rel="prefetch" href="/note/assets/js/1396.2d17e869.js"><link rel="prefetch" href="/note/assets/js/1397.fc39449d.js"><link rel="prefetch" href="/note/assets/js/1398.dac7cae8.js"><link rel="prefetch" href="/note/assets/js/1399.a092200b.js"><link rel="prefetch" href="/note/assets/js/14.847d26c6.js"><link rel="prefetch" href="/note/assets/js/140.1806fa44.js"><link rel="prefetch" href="/note/assets/js/1400.340d15bc.js"><link rel="prefetch" href="/note/assets/js/1401.fb1eadb4.js"><link rel="prefetch" href="/note/assets/js/1402.5d9c1f5e.js"><link rel="prefetch" href="/note/assets/js/1403.71cd3cb7.js"><link rel="prefetch" href="/note/assets/js/1404.4c81613f.js"><link rel="prefetch" href="/note/assets/js/1405.4e8d32de.js"><link rel="prefetch" href="/note/assets/js/1406.74a33c61.js"><link rel="prefetch" href="/note/assets/js/1407.f7ef7d44.js"><link rel="prefetch" href="/note/assets/js/1408.62d0d070.js"><link rel="prefetch" href="/note/assets/js/1409.67d54f7c.js"><link rel="prefetch" href="/note/assets/js/141.2d95a179.js"><link rel="prefetch" href="/note/assets/js/1410.a16c0ab9.js"><link rel="prefetch" href="/note/assets/js/1411.37edbd1a.js"><link rel="prefetch" href="/note/assets/js/1412.a93dadb9.js"><link rel="prefetch" href="/note/assets/js/1413.c2a864a9.js"><link rel="prefetch" href="/note/assets/js/1414.33e6fce8.js"><link rel="prefetch" href="/note/assets/js/1415.026695b8.js"><link rel="prefetch" href="/note/assets/js/1416.47764d4b.js"><link rel="prefetch" href="/note/assets/js/1417.b8cecfc2.js"><link rel="prefetch" href="/note/assets/js/1418.2ea74a94.js"><link rel="prefetch" href="/note/assets/js/1419.a41393cc.js"><link rel="prefetch" href="/note/assets/js/142.3d25732a.js"><link rel="prefetch" href="/note/assets/js/1420.83ca3297.js"><link rel="prefetch" href="/note/assets/js/1421.5821c764.js"><link rel="prefetch" href="/note/assets/js/1422.8a8659bc.js"><link rel="prefetch" href="/note/assets/js/1423.2a32ed10.js"><link rel="prefetch" href="/note/assets/js/1424.89c811ec.js"><link rel="prefetch" href="/note/assets/js/1425.69e12966.js"><link rel="prefetch" href="/note/assets/js/1426.c1f9da1d.js"><link rel="prefetch" href="/note/assets/js/1427.b6dbb954.js"><link rel="prefetch" href="/note/assets/js/1428.42562b2f.js"><link rel="prefetch" href="/note/assets/js/1429.1bb4bc31.js"><link rel="prefetch" href="/note/assets/js/143.c22538f9.js"><link rel="prefetch" href="/note/assets/js/1430.8225e187.js"><link rel="prefetch" href="/note/assets/js/1431.2d96077b.js"><link rel="prefetch" href="/note/assets/js/1432.bb9229d1.js"><link rel="prefetch" href="/note/assets/js/1433.51b9bd4b.js"><link rel="prefetch" href="/note/assets/js/1434.8e194f0a.js"><link rel="prefetch" href="/note/assets/js/1435.13172492.js"><link rel="prefetch" href="/note/assets/js/1436.df019c81.js"><link rel="prefetch" href="/note/assets/js/1437.4bd1e822.js"><link rel="prefetch" href="/note/assets/js/1438.97ae5dd7.js"><link rel="prefetch" href="/note/assets/js/1439.201fdddd.js"><link rel="prefetch" href="/note/assets/js/144.0b4c19aa.js"><link rel="prefetch" href="/note/assets/js/1440.6e3adeba.js"><link rel="prefetch" href="/note/assets/js/1441.afa0e645.js"><link rel="prefetch" href="/note/assets/js/1442.730d65e0.js"><link rel="prefetch" href="/note/assets/js/1443.53e4a60c.js"><link rel="prefetch" href="/note/assets/js/1444.47c80761.js"><link rel="prefetch" href="/note/assets/js/1445.e27cbad2.js"><link rel="prefetch" href="/note/assets/js/1446.b455698c.js"><link rel="prefetch" href="/note/assets/js/1447.642b14fa.js"><link rel="prefetch" href="/note/assets/js/1448.625d0786.js"><link rel="prefetch" href="/note/assets/js/1449.cf3756b1.js"><link rel="prefetch" href="/note/assets/js/145.509ce233.js"><link rel="prefetch" href="/note/assets/js/1450.d103af6e.js"><link rel="prefetch" href="/note/assets/js/1451.b899e98f.js"><link rel="prefetch" href="/note/assets/js/1452.cc4e7365.js"><link rel="prefetch" href="/note/assets/js/1453.83afb777.js"><link rel="prefetch" href="/note/assets/js/1454.2d44ac54.js"><link rel="prefetch" href="/note/assets/js/1455.06f4b1fe.js"><link rel="prefetch" href="/note/assets/js/1456.09f75f8d.js"><link rel="prefetch" href="/note/assets/js/1457.dd92e82e.js"><link rel="prefetch" href="/note/assets/js/1458.16d42102.js"><link rel="prefetch" href="/note/assets/js/1459.5082f242.js"><link rel="prefetch" href="/note/assets/js/146.39f8bb62.js"><link rel="prefetch" href="/note/assets/js/1460.e9b73d77.js"><link rel="prefetch" href="/note/assets/js/147.430ff199.js"><link rel="prefetch" href="/note/assets/js/148.a938d024.js"><link rel="prefetch" href="/note/assets/js/149.935aa85b.js"><link rel="prefetch" href="/note/assets/js/15.8c9d5e9b.js"><link rel="prefetch" href="/note/assets/js/150.bbbe57ce.js"><link rel="prefetch" href="/note/assets/js/151.ff026b3b.js"><link rel="prefetch" href="/note/assets/js/152.d72b0f1b.js"><link rel="prefetch" href="/note/assets/js/153.9e1a171a.js"><link rel="prefetch" href="/note/assets/js/154.be85799e.js"><link rel="prefetch" href="/note/assets/js/155.467d089d.js"><link rel="prefetch" href="/note/assets/js/156.f4925aeb.js"><link rel="prefetch" href="/note/assets/js/157.bf016db4.js"><link rel="prefetch" href="/note/assets/js/158.6557331a.js"><link rel="prefetch" href="/note/assets/js/159.c19f073c.js"><link rel="prefetch" href="/note/assets/js/16.f4484e9a.js"><link rel="prefetch" href="/note/assets/js/160.ea0019ba.js"><link rel="prefetch" href="/note/assets/js/161.5ee60b37.js"><link rel="prefetch" href="/note/assets/js/162.e54f9316.js"><link rel="prefetch" href="/note/assets/js/163.8769d9db.js"><link rel="prefetch" href="/note/assets/js/164.17924085.js"><link rel="prefetch" href="/note/assets/js/165.c5471ae5.js"><link rel="prefetch" href="/note/assets/js/166.3107f752.js"><link rel="prefetch" href="/note/assets/js/167.f0db27fc.js"><link rel="prefetch" href="/note/assets/js/168.19d54949.js"><link rel="prefetch" href="/note/assets/js/169.bfbb71c4.js"><link rel="prefetch" href="/note/assets/js/17.89e26c05.js"><link rel="prefetch" href="/note/assets/js/170.10815d8d.js"><link rel="prefetch" href="/note/assets/js/171.23d45bd0.js"><link rel="prefetch" href="/note/assets/js/172.8e638c54.js"><link rel="prefetch" href="/note/assets/js/173.ad76c8df.js"><link rel="prefetch" href="/note/assets/js/174.6ee72bd8.js"><link rel="prefetch" href="/note/assets/js/175.4afb509a.js"><link rel="prefetch" href="/note/assets/js/176.0b4c660a.js"><link rel="prefetch" href="/note/assets/js/177.19681f94.js"><link rel="prefetch" href="/note/assets/js/178.d4ca918c.js"><link rel="prefetch" href="/note/assets/js/179.578ac6bd.js"><link rel="prefetch" href="/note/assets/js/18.69938167.js"><link rel="prefetch" href="/note/assets/js/180.14dcb4e4.js"><link rel="prefetch" href="/note/assets/js/181.0b8db1d1.js"><link rel="prefetch" href="/note/assets/js/182.8503108b.js"><link rel="prefetch" href="/note/assets/js/183.312f2c33.js"><link rel="prefetch" href="/note/assets/js/184.306370b9.js"><link rel="prefetch" href="/note/assets/js/185.ce0a0d13.js"><link rel="prefetch" href="/note/assets/js/186.c2bb206c.js"><link rel="prefetch" href="/note/assets/js/187.f81ccd56.js"><link rel="prefetch" href="/note/assets/js/188.07336151.js"><link rel="prefetch" href="/note/assets/js/189.cd4e0468.js"><link rel="prefetch" href="/note/assets/js/19.cc24e670.js"><link rel="prefetch" href="/note/assets/js/190.bc62c625.js"><link rel="prefetch" href="/note/assets/js/191.707c1e32.js"><link rel="prefetch" href="/note/assets/js/192.32c5d818.js"><link rel="prefetch" href="/note/assets/js/193.719cdc21.js"><link rel="prefetch" href="/note/assets/js/194.0c4a7df0.js"><link rel="prefetch" href="/note/assets/js/195.028cac8c.js"><link rel="prefetch" href="/note/assets/js/196.0ecbc759.js"><link rel="prefetch" href="/note/assets/js/197.60e9be4a.js"><link rel="prefetch" href="/note/assets/js/198.29eb7182.js"><link rel="prefetch" href="/note/assets/js/199.61e353a0.js"><link rel="prefetch" href="/note/assets/js/20.d37e41cd.js"><link rel="prefetch" href="/note/assets/js/200.fa15588c.js"><link rel="prefetch" href="/note/assets/js/201.88790291.js"><link rel="prefetch" href="/note/assets/js/202.ad85e143.js"><link rel="prefetch" href="/note/assets/js/203.0a35954b.js"><link rel="prefetch" href="/note/assets/js/204.360211f5.js"><link rel="prefetch" href="/note/assets/js/205.822b717c.js"><link rel="prefetch" href="/note/assets/js/206.dad44f61.js"><link rel="prefetch" href="/note/assets/js/207.58bb9d07.js"><link rel="prefetch" href="/note/assets/js/208.daf4523a.js"><link rel="prefetch" href="/note/assets/js/209.21009104.js"><link rel="prefetch" href="/note/assets/js/21.e753b427.js"><link rel="prefetch" href="/note/assets/js/210.63e464f5.js"><link rel="prefetch" href="/note/assets/js/211.78189752.js"><link rel="prefetch" href="/note/assets/js/212.0524679b.js"><link rel="prefetch" href="/note/assets/js/213.1a53caae.js"><link rel="prefetch" href="/note/assets/js/214.49988e14.js"><link rel="prefetch" href="/note/assets/js/215.ab792580.js"><link rel="prefetch" href="/note/assets/js/216.82d2c6ec.js"><link rel="prefetch" href="/note/assets/js/217.1e379e0a.js"><link rel="prefetch" href="/note/assets/js/218.d618d40f.js"><link rel="prefetch" href="/note/assets/js/219.60a91d4f.js"><link rel="prefetch" href="/note/assets/js/22.57542359.js"><link rel="prefetch" href="/note/assets/js/220.aaafc42d.js"><link rel="prefetch" href="/note/assets/js/221.d3a0224a.js"><link rel="prefetch" href="/note/assets/js/222.808ba992.js"><link rel="prefetch" href="/note/assets/js/223.42964583.js"><link rel="prefetch" href="/note/assets/js/224.8b2d9001.js"><link rel="prefetch" href="/note/assets/js/225.53efc168.js"><link rel="prefetch" href="/note/assets/js/226.435b8d3d.js"><link rel="prefetch" href="/note/assets/js/227.7d098b04.js"><link rel="prefetch" href="/note/assets/js/228.b99dd394.js"><link rel="prefetch" href="/note/assets/js/229.5164805b.js"><link rel="prefetch" href="/note/assets/js/23.73dd793d.js"><link rel="prefetch" href="/note/assets/js/230.1c484e52.js"><link rel="prefetch" href="/note/assets/js/231.221e66d5.js"><link rel="prefetch" href="/note/assets/js/232.1eb120aa.js"><link rel="prefetch" href="/note/assets/js/233.00efa2d1.js"><link rel="prefetch" href="/note/assets/js/234.b5565ecf.js"><link rel="prefetch" href="/note/assets/js/235.7ec7bfc9.js"><link rel="prefetch" href="/note/assets/js/236.c4f67bfa.js"><link rel="prefetch" href="/note/assets/js/237.6ca501df.js"><link rel="prefetch" href="/note/assets/js/238.5a282f9d.js"><link rel="prefetch" href="/note/assets/js/239.2d6c6d81.js"><link rel="prefetch" href="/note/assets/js/24.660abe62.js"><link rel="prefetch" href="/note/assets/js/240.9f3c756e.js"><link rel="prefetch" href="/note/assets/js/241.4c1a6756.js"><link rel="prefetch" href="/note/assets/js/242.b8ab85f5.js"><link rel="prefetch" href="/note/assets/js/243.c882324d.js"><link rel="prefetch" href="/note/assets/js/244.99bf6ef2.js"><link rel="prefetch" href="/note/assets/js/245.636ba278.js"><link rel="prefetch" href="/note/assets/js/246.3e1f927b.js"><link rel="prefetch" href="/note/assets/js/247.3c709a2a.js"><link rel="prefetch" href="/note/assets/js/248.80e0b578.js"><link rel="prefetch" href="/note/assets/js/249.16e05186.js"><link rel="prefetch" href="/note/assets/js/25.71adba35.js"><link rel="prefetch" href="/note/assets/js/250.3e0cd351.js"><link rel="prefetch" href="/note/assets/js/251.028587a1.js"><link rel="prefetch" href="/note/assets/js/252.bd6a3ac4.js"><link rel="prefetch" href="/note/assets/js/253.b0fc16aa.js"><link rel="prefetch" href="/note/assets/js/254.624446ff.js"><link rel="prefetch" href="/note/assets/js/255.10684b37.js"><link rel="prefetch" href="/note/assets/js/256.1f86a464.js"><link rel="prefetch" href="/note/assets/js/257.37e7da9a.js"><link rel="prefetch" href="/note/assets/js/258.bfbf464f.js"><link rel="prefetch" href="/note/assets/js/259.d9424139.js"><link rel="prefetch" href="/note/assets/js/26.ff08bca1.js"><link rel="prefetch" href="/note/assets/js/260.d00b2c11.js"><link rel="prefetch" href="/note/assets/js/261.50886223.js"><link rel="prefetch" href="/note/assets/js/262.7aa4b754.js"><link rel="prefetch" href="/note/assets/js/263.9469681b.js"><link rel="prefetch" href="/note/assets/js/264.77aa6da4.js"><link rel="prefetch" href="/note/assets/js/265.0a415af9.js"><link rel="prefetch" href="/note/assets/js/266.a05732bf.js"><link rel="prefetch" href="/note/assets/js/267.a3529216.js"><link rel="prefetch" href="/note/assets/js/268.edb89e0c.js"><link rel="prefetch" href="/note/assets/js/269.716aca67.js"><link rel="prefetch" href="/note/assets/js/27.7f0de328.js"><link rel="prefetch" href="/note/assets/js/270.948bce99.js"><link rel="prefetch" href="/note/assets/js/271.8fd5a972.js"><link rel="prefetch" href="/note/assets/js/272.b060efeb.js"><link rel="prefetch" href="/note/assets/js/273.6eb4881f.js"><link rel="prefetch" href="/note/assets/js/274.8aebae89.js"><link rel="prefetch" href="/note/assets/js/275.f8692314.js"><link rel="prefetch" href="/note/assets/js/276.d44bd6c3.js"><link rel="prefetch" href="/note/assets/js/277.b1883d45.js"><link rel="prefetch" href="/note/assets/js/278.66616b93.js"><link rel="prefetch" href="/note/assets/js/279.fa2d5254.js"><link rel="prefetch" href="/note/assets/js/28.1d049b7f.js"><link rel="prefetch" href="/note/assets/js/280.2c3c358a.js"><link rel="prefetch" href="/note/assets/js/281.eac36fb8.js"><link rel="prefetch" href="/note/assets/js/282.bdf5bba2.js"><link rel="prefetch" href="/note/assets/js/283.6f9707ab.js"><link rel="prefetch" href="/note/assets/js/284.9d96ae61.js"><link rel="prefetch" href="/note/assets/js/285.7270332c.js"><link rel="prefetch" href="/note/assets/js/286.31beed1b.js"><link rel="prefetch" href="/note/assets/js/287.ecca43e7.js"><link rel="prefetch" href="/note/assets/js/288.e1eb3e9c.js"><link rel="prefetch" href="/note/assets/js/289.e99635bc.js"><link rel="prefetch" href="/note/assets/js/29.d90b31d9.js"><link rel="prefetch" href="/note/assets/js/290.1754a04a.js"><link rel="prefetch" href="/note/assets/js/291.e1387484.js"><link rel="prefetch" href="/note/assets/js/292.1c8fafed.js"><link rel="prefetch" href="/note/assets/js/293.53db23d4.js"><link rel="prefetch" href="/note/assets/js/294.cf0f59e7.js"><link rel="prefetch" href="/note/assets/js/295.86f7a0c5.js"><link rel="prefetch" href="/note/assets/js/296.cc29690a.js"><link rel="prefetch" href="/note/assets/js/297.d6049be9.js"><link rel="prefetch" href="/note/assets/js/298.ad490876.js"><link rel="prefetch" href="/note/assets/js/299.e7a8dd5d.js"><link rel="prefetch" href="/note/assets/js/3.fc28a0c5.js"><link rel="prefetch" href="/note/assets/js/30.a6771c00.js"><link rel="prefetch" href="/note/assets/js/300.e89dd144.js"><link rel="prefetch" href="/note/assets/js/301.06a5129c.js"><link rel="prefetch" href="/note/assets/js/302.d27eee7f.js"><link rel="prefetch" href="/note/assets/js/303.6cb153e2.js"><link rel="prefetch" href="/note/assets/js/304.72f78616.js"><link rel="prefetch" href="/note/assets/js/305.ac4a3220.js"><link rel="prefetch" href="/note/assets/js/306.9b8b63d6.js"><link rel="prefetch" href="/note/assets/js/307.6f468581.js"><link rel="prefetch" href="/note/assets/js/308.a33bcb6f.js"><link rel="prefetch" href="/note/assets/js/309.f257109e.js"><link rel="prefetch" href="/note/assets/js/31.bbeaa09a.js"><link rel="prefetch" href="/note/assets/js/310.5ee69fa6.js"><link rel="prefetch" href="/note/assets/js/311.d86212e9.js"><link rel="prefetch" href="/note/assets/js/312.1e1d067d.js"><link rel="prefetch" href="/note/assets/js/313.59777112.js"><link rel="prefetch" href="/note/assets/js/314.56074720.js"><link rel="prefetch" href="/note/assets/js/315.e7be742b.js"><link rel="prefetch" href="/note/assets/js/316.98e85b2e.js"><link rel="prefetch" href="/note/assets/js/317.5bc16616.js"><link rel="prefetch" href="/note/assets/js/318.fff6b67a.js"><link rel="prefetch" href="/note/assets/js/319.e7813632.js"><link rel="prefetch" href="/note/assets/js/32.d57143e0.js"><link rel="prefetch" href="/note/assets/js/320.560f3c50.js"><link rel="prefetch" href="/note/assets/js/321.86428b09.js"><link rel="prefetch" href="/note/assets/js/322.bd5e97f0.js"><link rel="prefetch" href="/note/assets/js/323.208c0b5f.js"><link rel="prefetch" href="/note/assets/js/324.a5fb0342.js"><link rel="prefetch" href="/note/assets/js/325.58c41f06.js"><link rel="prefetch" href="/note/assets/js/326.3ca3f7f5.js"><link rel="prefetch" href="/note/assets/js/327.2c9315dd.js"><link rel="prefetch" href="/note/assets/js/328.b43c347e.js"><link rel="prefetch" href="/note/assets/js/329.bc489aea.js"><link rel="prefetch" href="/note/assets/js/33.90d2788a.js"><link rel="prefetch" href="/note/assets/js/330.12aa0967.js"><link rel="prefetch" href="/note/assets/js/331.d37f0216.js"><link rel="prefetch" href="/note/assets/js/332.6036cd61.js"><link rel="prefetch" href="/note/assets/js/333.8f363034.js"><link rel="prefetch" href="/note/assets/js/334.ed80309c.js"><link rel="prefetch" href="/note/assets/js/335.d46f51a7.js"><link rel="prefetch" href="/note/assets/js/336.7c5eeb71.js"><link rel="prefetch" href="/note/assets/js/337.5d74fb8c.js"><link rel="prefetch" href="/note/assets/js/338.d1a815a4.js"><link rel="prefetch" href="/note/assets/js/339.e0e1447d.js"><link rel="prefetch" href="/note/assets/js/34.f5c63e02.js"><link rel="prefetch" href="/note/assets/js/340.d7bab6c9.js"><link rel="prefetch" href="/note/assets/js/341.a39a954c.js"><link rel="prefetch" href="/note/assets/js/342.65a81c3a.js"><link rel="prefetch" href="/note/assets/js/343.ae604213.js"><link rel="prefetch" href="/note/assets/js/344.4b9857e8.js"><link rel="prefetch" href="/note/assets/js/345.6852dd3c.js"><link rel="prefetch" href="/note/assets/js/346.0bffe89e.js"><link rel="prefetch" href="/note/assets/js/347.1b79b927.js"><link rel="prefetch" href="/note/assets/js/348.9bbb6ac7.js"><link rel="prefetch" href="/note/assets/js/349.4e3c7831.js"><link rel="prefetch" href="/note/assets/js/35.ccaad1ec.js"><link rel="prefetch" href="/note/assets/js/350.19ba2b65.js"><link rel="prefetch" href="/note/assets/js/351.99b33470.js"><link rel="prefetch" href="/note/assets/js/352.99949662.js"><link rel="prefetch" href="/note/assets/js/353.db2c1069.js"><link rel="prefetch" href="/note/assets/js/354.52dd6867.js"><link rel="prefetch" href="/note/assets/js/355.b7e99740.js"><link rel="prefetch" href="/note/assets/js/356.5f3503fa.js"><link rel="prefetch" href="/note/assets/js/357.fd0c60da.js"><link rel="prefetch" href="/note/assets/js/358.ea326476.js"><link rel="prefetch" href="/note/assets/js/359.85a2bdd4.js"><link rel="prefetch" href="/note/assets/js/36.0eac5d8c.js"><link rel="prefetch" href="/note/assets/js/360.f584e163.js"><link rel="prefetch" href="/note/assets/js/361.377a543c.js"><link rel="prefetch" href="/note/assets/js/362.346447a4.js"><link rel="prefetch" href="/note/assets/js/363.09045357.js"><link rel="prefetch" href="/note/assets/js/364.b1a5039e.js"><link rel="prefetch" href="/note/assets/js/365.361a2926.js"><link rel="prefetch" href="/note/assets/js/366.ab0aba4d.js"><link rel="prefetch" href="/note/assets/js/367.11cc0870.js"><link rel="prefetch" href="/note/assets/js/368.0d1bfd43.js"><link rel="prefetch" href="/note/assets/js/369.a6c11a6d.js"><link rel="prefetch" href="/note/assets/js/37.3d87e591.js"><link rel="prefetch" href="/note/assets/js/370.f186d724.js"><link rel="prefetch" href="/note/assets/js/371.2a5b24db.js"><link rel="prefetch" href="/note/assets/js/372.6b5a223f.js"><link rel="prefetch" href="/note/assets/js/373.9e2f062c.js"><link rel="prefetch" href="/note/assets/js/374.7c1df132.js"><link rel="prefetch" href="/note/assets/js/375.138e9c85.js"><link rel="prefetch" href="/note/assets/js/376.f0e2cee7.js"><link rel="prefetch" href="/note/assets/js/377.b1dc79d7.js"><link rel="prefetch" href="/note/assets/js/378.0b0ceabf.js"><link rel="prefetch" href="/note/assets/js/379.e6d03a76.js"><link rel="prefetch" href="/note/assets/js/38.70a54326.js"><link rel="prefetch" href="/note/assets/js/380.8fabe338.js"><link rel="prefetch" href="/note/assets/js/381.f1ee75ad.js"><link rel="prefetch" href="/note/assets/js/382.192ac29e.js"><link rel="prefetch" href="/note/assets/js/383.d77772b7.js"><link rel="prefetch" href="/note/assets/js/384.8cc4a42e.js"><link rel="prefetch" href="/note/assets/js/385.e6c30b7d.js"><link rel="prefetch" href="/note/assets/js/386.32b0a8a8.js"><link rel="prefetch" href="/note/assets/js/387.ed3ce8d7.js"><link rel="prefetch" href="/note/assets/js/388.dfba639b.js"><link rel="prefetch" href="/note/assets/js/389.4a82ece1.js"><link rel="prefetch" href="/note/assets/js/39.514b2540.js"><link rel="prefetch" href="/note/assets/js/390.809bd2ab.js"><link rel="prefetch" href="/note/assets/js/391.0e131718.js"><link rel="prefetch" href="/note/assets/js/392.1be3717c.js"><link rel="prefetch" href="/note/assets/js/393.6ddeb046.js"><link rel="prefetch" href="/note/assets/js/394.e635681c.js"><link rel="prefetch" href="/note/assets/js/395.0ee6bbbc.js"><link rel="prefetch" href="/note/assets/js/396.85b264d9.js"><link rel="prefetch" href="/note/assets/js/397.d93855cf.js"><link rel="prefetch" href="/note/assets/js/398.7d8f7dfc.js"><link rel="prefetch" href="/note/assets/js/399.292eeb0e.js"><link rel="prefetch" href="/note/assets/js/4.6af04a85.js"><link rel="prefetch" href="/note/assets/js/40.65ae8c8f.js"><link rel="prefetch" href="/note/assets/js/400.0ebb1947.js"><link rel="prefetch" href="/note/assets/js/401.c2877f60.js"><link rel="prefetch" href="/note/assets/js/402.23d37dd5.js"><link rel="prefetch" href="/note/assets/js/403.75e7fee0.js"><link rel="prefetch" href="/note/assets/js/404.f91c1ff2.js"><link rel="prefetch" href="/note/assets/js/405.6b388073.js"><link rel="prefetch" href="/note/assets/js/406.2585f163.js"><link rel="prefetch" href="/note/assets/js/407.d525cb48.js"><link rel="prefetch" href="/note/assets/js/408.fb6974b1.js"><link rel="prefetch" href="/note/assets/js/409.e0c7b879.js"><link rel="prefetch" href="/note/assets/js/41.715dfdfa.js"><link rel="prefetch" href="/note/assets/js/410.84e6ac82.js"><link rel="prefetch" href="/note/assets/js/411.303aa935.js"><link rel="prefetch" href="/note/assets/js/412.593de58f.js"><link rel="prefetch" href="/note/assets/js/413.bfe6fc30.js"><link rel="prefetch" href="/note/assets/js/414.73a72f10.js"><link rel="prefetch" href="/note/assets/js/415.845bb8e2.js"><link rel="prefetch" href="/note/assets/js/416.42c22356.js"><link rel="prefetch" href="/note/assets/js/417.8d6e483d.js"><link rel="prefetch" href="/note/assets/js/418.5dd81b5c.js"><link rel="prefetch" href="/note/assets/js/419.e8a3aa5b.js"><link rel="prefetch" href="/note/assets/js/42.29170d31.js"><link rel="prefetch" href="/note/assets/js/420.c8166737.js"><link rel="prefetch" href="/note/assets/js/421.5054fb10.js"><link rel="prefetch" href="/note/assets/js/422.326dc90d.js"><link rel="prefetch" href="/note/assets/js/423.0fa8877a.js"><link rel="prefetch" href="/note/assets/js/424.898ead61.js"><link rel="prefetch" href="/note/assets/js/425.f96a352d.js"><link rel="prefetch" href="/note/assets/js/426.c2db3143.js"><link rel="prefetch" href="/note/assets/js/427.1042acb9.js"><link rel="prefetch" href="/note/assets/js/428.e6e3f3ec.js"><link rel="prefetch" href="/note/assets/js/429.08d52a91.js"><link rel="prefetch" href="/note/assets/js/43.9d97ee9c.js"><link rel="prefetch" href="/note/assets/js/430.6815d1b5.js"><link rel="prefetch" href="/note/assets/js/431.ad58ee2e.js"><link rel="prefetch" href="/note/assets/js/432.a1804b06.js"><link rel="prefetch" href="/note/assets/js/433.81b47dd4.js"><link rel="prefetch" href="/note/assets/js/434.c11437f1.js"><link rel="prefetch" href="/note/assets/js/435.e1c92784.js"><link rel="prefetch" href="/note/assets/js/436.8d954608.js"><link rel="prefetch" href="/note/assets/js/437.5821e2c5.js"><link rel="prefetch" href="/note/assets/js/438.e5aeae1e.js"><link rel="prefetch" href="/note/assets/js/439.f8e8c2ab.js"><link rel="prefetch" href="/note/assets/js/44.6d37c4fd.js"><link rel="prefetch" href="/note/assets/js/440.f67de81c.js"><link rel="prefetch" href="/note/assets/js/441.cd28b1fd.js"><link rel="prefetch" href="/note/assets/js/442.16e2bb9d.js"><link rel="prefetch" href="/note/assets/js/443.74a738a1.js"><link rel="prefetch" href="/note/assets/js/444.a54539b0.js"><link rel="prefetch" href="/note/assets/js/445.bc312b4b.js"><link rel="prefetch" href="/note/assets/js/446.18e3ced6.js"><link rel="prefetch" href="/note/assets/js/447.1ad43b91.js"><link rel="prefetch" href="/note/assets/js/448.92a24b5c.js"><link rel="prefetch" href="/note/assets/js/449.94da1fee.js"><link rel="prefetch" href="/note/assets/js/45.7753edaa.js"><link rel="prefetch" href="/note/assets/js/450.defc87b4.js"><link rel="prefetch" href="/note/assets/js/451.cae9cff7.js"><link rel="prefetch" href="/note/assets/js/452.ed3e7bf6.js"><link rel="prefetch" href="/note/assets/js/453.e512320b.js"><link rel="prefetch" href="/note/assets/js/454.f3b6bfef.js"><link rel="prefetch" href="/note/assets/js/455.17355a67.js"><link rel="prefetch" href="/note/assets/js/456.887e2045.js"><link rel="prefetch" href="/note/assets/js/457.dfd993da.js"><link rel="prefetch" href="/note/assets/js/458.ac2a0cf2.js"><link rel="prefetch" href="/note/assets/js/459.e5de6a23.js"><link rel="prefetch" href="/note/assets/js/46.0eda098b.js"><link rel="prefetch" href="/note/assets/js/460.5b307331.js"><link rel="prefetch" href="/note/assets/js/461.be36043e.js"><link rel="prefetch" href="/note/assets/js/462.45c1b230.js"><link rel="prefetch" href="/note/assets/js/463.b0d659f4.js"><link rel="prefetch" href="/note/assets/js/464.b8d13784.js"><link rel="prefetch" href="/note/assets/js/465.fd2a430d.js"><link rel="prefetch" href="/note/assets/js/466.f1b3fb73.js"><link rel="prefetch" href="/note/assets/js/467.8f3f22ea.js"><link rel="prefetch" href="/note/assets/js/468.9bacb2c7.js"><link rel="prefetch" href="/note/assets/js/469.ffa0f5ce.js"><link rel="prefetch" href="/note/assets/js/47.a1fa3dac.js"><link rel="prefetch" href="/note/assets/js/470.3983c083.js"><link rel="prefetch" href="/note/assets/js/471.1fe2b8d9.js"><link rel="prefetch" href="/note/assets/js/472.7165fd57.js"><link rel="prefetch" href="/note/assets/js/473.9dff41e2.js"><link rel="prefetch" href="/note/assets/js/474.ab8a5f71.js"><link rel="prefetch" href="/note/assets/js/475.06eb4bd0.js"><link rel="prefetch" href="/note/assets/js/476.8515d1d4.js"><link rel="prefetch" href="/note/assets/js/477.57ded87a.js"><link rel="prefetch" href="/note/assets/js/478.2af7287c.js"><link rel="prefetch" href="/note/assets/js/479.c20ddf9b.js"><link rel="prefetch" href="/note/assets/js/48.158a9541.js"><link rel="prefetch" href="/note/assets/js/480.1b8f7358.js"><link rel="prefetch" href="/note/assets/js/481.f78c0a92.js"><link rel="prefetch" href="/note/assets/js/482.102420b6.js"><link rel="prefetch" href="/note/assets/js/483.e9337359.js"><link rel="prefetch" href="/note/assets/js/484.41dc9cee.js"><link rel="prefetch" href="/note/assets/js/485.9d0c9df6.js"><link rel="prefetch" href="/note/assets/js/486.03710601.js"><link rel="prefetch" href="/note/assets/js/487.470e1e49.js"><link rel="prefetch" href="/note/assets/js/488.da246f88.js"><link rel="prefetch" href="/note/assets/js/489.987adcec.js"><link rel="prefetch" href="/note/assets/js/49.ee00b52c.js"><link rel="prefetch" href="/note/assets/js/490.b42c4267.js"><link rel="prefetch" href="/note/assets/js/491.4898d773.js"><link rel="prefetch" href="/note/assets/js/492.1db0074e.js"><link rel="prefetch" href="/note/assets/js/493.8c677139.js"><link rel="prefetch" href="/note/assets/js/494.b55b2077.js"><link rel="prefetch" href="/note/assets/js/495.5e73d922.js"><link rel="prefetch" href="/note/assets/js/496.096132a2.js"><link rel="prefetch" href="/note/assets/js/497.26717a1c.js"><link rel="prefetch" href="/note/assets/js/498.2ecc984b.js"><link rel="prefetch" href="/note/assets/js/499.491db6bc.js"><link rel="prefetch" href="/note/assets/js/5.a0402625.js"><link rel="prefetch" href="/note/assets/js/50.eb3a53c8.js"><link rel="prefetch" href="/note/assets/js/500.72d14f3a.js"><link rel="prefetch" href="/note/assets/js/501.352e3016.js"><link rel="prefetch" href="/note/assets/js/502.38faadac.js"><link rel="prefetch" href="/note/assets/js/503.d9e95067.js"><link rel="prefetch" href="/note/assets/js/504.390a7a13.js"><link rel="prefetch" href="/note/assets/js/505.fdf5d327.js"><link rel="prefetch" href="/note/assets/js/506.2fde864e.js"><link rel="prefetch" href="/note/assets/js/507.ae02506f.js"><link rel="prefetch" href="/note/assets/js/508.e41b7b5f.js"><link rel="prefetch" href="/note/assets/js/509.8dcbed3b.js"><link rel="prefetch" href="/note/assets/js/51.a35edfb3.js"><link rel="prefetch" href="/note/assets/js/510.1e1ff805.js"><link rel="prefetch" href="/note/assets/js/511.86ef58bc.js"><link rel="prefetch" href="/note/assets/js/512.7a98af63.js"><link rel="prefetch" href="/note/assets/js/513.5f5cfdbd.js"><link rel="prefetch" href="/note/assets/js/514.6810c9ea.js"><link rel="prefetch" href="/note/assets/js/515.d0402bd4.js"><link rel="prefetch" href="/note/assets/js/516.06427f42.js"><link rel="prefetch" href="/note/assets/js/517.7d470321.js"><link rel="prefetch" href="/note/assets/js/518.92cd0627.js"><link rel="prefetch" href="/note/assets/js/519.3d3ece7a.js"><link rel="prefetch" href="/note/assets/js/52.4ae2c9cb.js"><link rel="prefetch" href="/note/assets/js/520.80da75ab.js"><link rel="prefetch" href="/note/assets/js/521.c0e05e58.js"><link rel="prefetch" href="/note/assets/js/522.5d591dab.js"><link rel="prefetch" href="/note/assets/js/523.ae1083c8.js"><link rel="prefetch" href="/note/assets/js/524.423eaa47.js"><link rel="prefetch" href="/note/assets/js/525.ddf88c3c.js"><link rel="prefetch" href="/note/assets/js/526.0e74f431.js"><link rel="prefetch" href="/note/assets/js/527.c84436a9.js"><link rel="prefetch" href="/note/assets/js/528.88edef65.js"><link rel="prefetch" href="/note/assets/js/529.e107e427.js"><link rel="prefetch" href="/note/assets/js/53.ff93be7a.js"><link rel="prefetch" href="/note/assets/js/530.0c6d0247.js"><link rel="prefetch" href="/note/assets/js/531.755d4758.js"><link rel="prefetch" href="/note/assets/js/532.a544dd51.js"><link rel="prefetch" href="/note/assets/js/533.ec020874.js"><link rel="prefetch" href="/note/assets/js/534.0580f4ad.js"><link rel="prefetch" href="/note/assets/js/535.f0410d55.js"><link rel="prefetch" href="/note/assets/js/536.a1230535.js"><link rel="prefetch" href="/note/assets/js/537.f3c62833.js"><link rel="prefetch" href="/note/assets/js/538.c6452f07.js"><link rel="prefetch" href="/note/assets/js/539.215dd929.js"><link rel="prefetch" href="/note/assets/js/54.49a6b8fe.js"><link rel="prefetch" href="/note/assets/js/540.5b48debf.js"><link rel="prefetch" href="/note/assets/js/541.fd572935.js"><link rel="prefetch" href="/note/assets/js/542.020a9edf.js"><link rel="prefetch" href="/note/assets/js/543.4e89d5c7.js"><link rel="prefetch" href="/note/assets/js/544.f3735286.js"><link rel="prefetch" href="/note/assets/js/545.33cf4870.js"><link rel="prefetch" href="/note/assets/js/546.8bbaedd0.js"><link rel="prefetch" href="/note/assets/js/547.c457318e.js"><link rel="prefetch" href="/note/assets/js/548.5def8910.js"><link rel="prefetch" href="/note/assets/js/549.62f0f82b.js"><link rel="prefetch" href="/note/assets/js/55.a98a018f.js"><link rel="prefetch" href="/note/assets/js/550.80b1c0e2.js"><link rel="prefetch" href="/note/assets/js/551.1bab09f3.js"><link rel="prefetch" href="/note/assets/js/552.310095a1.js"><link rel="prefetch" href="/note/assets/js/553.7e380ad4.js"><link rel="prefetch" href="/note/assets/js/554.9bd80c63.js"><link rel="prefetch" href="/note/assets/js/555.4f3e5976.js"><link rel="prefetch" href="/note/assets/js/556.c19e2ee1.js"><link rel="prefetch" href="/note/assets/js/557.58344b11.js"><link rel="prefetch" href="/note/assets/js/558.5d84de79.js"><link rel="prefetch" href="/note/assets/js/559.4e111acd.js"><link rel="prefetch" href="/note/assets/js/56.4c527626.js"><link rel="prefetch" href="/note/assets/js/560.38e535b6.js"><link rel="prefetch" href="/note/assets/js/561.3513b44b.js"><link rel="prefetch" href="/note/assets/js/562.ac34e03e.js"><link rel="prefetch" href="/note/assets/js/563.6ff79fc6.js"><link rel="prefetch" href="/note/assets/js/564.d2f858b1.js"><link rel="prefetch" href="/note/assets/js/565.448cd24a.js"><link rel="prefetch" href="/note/assets/js/566.29ff40b0.js"><link rel="prefetch" href="/note/assets/js/567.14d854a1.js"><link rel="prefetch" href="/note/assets/js/568.500b5d08.js"><link rel="prefetch" href="/note/assets/js/569.eb3c4db4.js"><link rel="prefetch" href="/note/assets/js/57.2e8c716a.js"><link rel="prefetch" href="/note/assets/js/570.fec2793b.js"><link rel="prefetch" href="/note/assets/js/571.4c8dd75f.js"><link rel="prefetch" href="/note/assets/js/572.09b78b61.js"><link rel="prefetch" href="/note/assets/js/573.d0cc196a.js"><link rel="prefetch" href="/note/assets/js/574.a69d7535.js"><link rel="prefetch" href="/note/assets/js/575.e66ebc03.js"><link rel="prefetch" href="/note/assets/js/576.a831a137.js"><link rel="prefetch" href="/note/assets/js/577.1edc7e53.js"><link rel="prefetch" href="/note/assets/js/578.1a487b11.js"><link rel="prefetch" href="/note/assets/js/579.bfcf8b07.js"><link rel="prefetch" href="/note/assets/js/58.1b396128.js"><link rel="prefetch" href="/note/assets/js/580.7529ba1d.js"><link rel="prefetch" href="/note/assets/js/581.64c3197a.js"><link rel="prefetch" href="/note/assets/js/582.1e4bc206.js"><link rel="prefetch" href="/note/assets/js/583.31da4290.js"><link rel="prefetch" href="/note/assets/js/584.43bd8550.js"><link rel="prefetch" href="/note/assets/js/585.d45718f3.js"><link rel="prefetch" href="/note/assets/js/586.365ba75e.js"><link rel="prefetch" href="/note/assets/js/587.112455b6.js"><link rel="prefetch" href="/note/assets/js/588.4bf67c40.js"><link rel="prefetch" href="/note/assets/js/589.93545dad.js"><link rel="prefetch" href="/note/assets/js/59.d02aca2b.js"><link rel="prefetch" href="/note/assets/js/590.5e5155a6.js"><link rel="prefetch" href="/note/assets/js/591.83ac9801.js"><link rel="prefetch" href="/note/assets/js/592.bb824349.js"><link rel="prefetch" href="/note/assets/js/593.05ef2d9d.js"><link rel="prefetch" href="/note/assets/js/594.a99fe73a.js"><link rel="prefetch" href="/note/assets/js/595.47c4236e.js"><link rel="prefetch" href="/note/assets/js/596.e582a28f.js"><link rel="prefetch" href="/note/assets/js/597.7c45d617.js"><link rel="prefetch" href="/note/assets/js/598.2d83e76f.js"><link rel="prefetch" href="/note/assets/js/599.ddfe0030.js"><link rel="prefetch" href="/note/assets/js/6.91ec853e.js"><link rel="prefetch" href="/note/assets/js/60.f03e4d41.js"><link rel="prefetch" href="/note/assets/js/600.39a6eda6.js"><link rel="prefetch" href="/note/assets/js/601.6f3f9d37.js"><link rel="prefetch" href="/note/assets/js/602.7e5917ec.js"><link rel="prefetch" href="/note/assets/js/603.8190b0fc.js"><link rel="prefetch" href="/note/assets/js/604.148b8a47.js"><link rel="prefetch" href="/note/assets/js/605.19365111.js"><link rel="prefetch" href="/note/assets/js/606.3566e537.js"><link rel="prefetch" href="/note/assets/js/607.dad2cb65.js"><link rel="prefetch" href="/note/assets/js/608.1a2615f4.js"><link rel="prefetch" href="/note/assets/js/609.4641128f.js"><link rel="prefetch" href="/note/assets/js/61.913dad19.js"><link rel="prefetch" href="/note/assets/js/610.b4ebb0d2.js"><link rel="prefetch" href="/note/assets/js/611.b3e7d8de.js"><link rel="prefetch" href="/note/assets/js/612.ac1a9fe6.js"><link rel="prefetch" href="/note/assets/js/613.a31a66c6.js"><link rel="prefetch" href="/note/assets/js/614.ca3427e2.js"><link rel="prefetch" href="/note/assets/js/615.db20494f.js"><link rel="prefetch" href="/note/assets/js/616.1437dd93.js"><link rel="prefetch" href="/note/assets/js/617.48fdddb9.js"><link rel="prefetch" href="/note/assets/js/618.c5d3ffbb.js"><link rel="prefetch" href="/note/assets/js/619.c06f2fe4.js"><link rel="prefetch" href="/note/assets/js/62.7f0f9ddf.js"><link rel="prefetch" href="/note/assets/js/620.f9f7953b.js"><link rel="prefetch" href="/note/assets/js/621.c68d85f7.js"><link rel="prefetch" href="/note/assets/js/622.30d4abd3.js"><link rel="prefetch" href="/note/assets/js/623.33a2c3c0.js"><link rel="prefetch" href="/note/assets/js/624.e24cdac0.js"><link rel="prefetch" href="/note/assets/js/625.f6e6e1af.js"><link rel="prefetch" href="/note/assets/js/626.5cd8549e.js"><link rel="prefetch" href="/note/assets/js/627.0f42bfeb.js"><link rel="prefetch" href="/note/assets/js/628.8994e399.js"><link rel="prefetch" href="/note/assets/js/629.61c68161.js"><link rel="prefetch" href="/note/assets/js/63.eb1744f2.js"><link rel="prefetch" href="/note/assets/js/630.085fe4f9.js"><link rel="prefetch" href="/note/assets/js/631.0bd41235.js"><link rel="prefetch" href="/note/assets/js/632.29eca9a3.js"><link rel="prefetch" href="/note/assets/js/633.fe262f3f.js"><link rel="prefetch" href="/note/assets/js/634.d872f5ed.js"><link rel="prefetch" href="/note/assets/js/635.3c30497e.js"><link rel="prefetch" href="/note/assets/js/636.12a1a4f2.js"><link rel="prefetch" href="/note/assets/js/637.6960fba6.js"><link rel="prefetch" href="/note/assets/js/638.202bb4a9.js"><link rel="prefetch" href="/note/assets/js/639.f3b7668c.js"><link rel="prefetch" href="/note/assets/js/64.20bd01ce.js"><link rel="prefetch" href="/note/assets/js/640.4848f564.js"><link rel="prefetch" href="/note/assets/js/641.c8cf064e.js"><link rel="prefetch" href="/note/assets/js/642.85641115.js"><link rel="prefetch" href="/note/assets/js/643.4aadc6ab.js"><link rel="prefetch" href="/note/assets/js/644.35f2dfa1.js"><link rel="prefetch" href="/note/assets/js/645.eb7fe8f5.js"><link rel="prefetch" href="/note/assets/js/646.db725688.js"><link rel="prefetch" href="/note/assets/js/647.ec9411ac.js"><link rel="prefetch" href="/note/assets/js/648.f8605568.js"><link rel="prefetch" href="/note/assets/js/649.694b4803.js"><link rel="prefetch" href="/note/assets/js/65.963b91f7.js"><link rel="prefetch" href="/note/assets/js/650.75a78bde.js"><link rel="prefetch" href="/note/assets/js/651.8e164f09.js"><link rel="prefetch" href="/note/assets/js/652.784b17b8.js"><link rel="prefetch" href="/note/assets/js/653.c9a400b0.js"><link rel="prefetch" href="/note/assets/js/654.ae840bf5.js"><link rel="prefetch" href="/note/assets/js/655.1a2c1712.js"><link rel="prefetch" href="/note/assets/js/656.bee5cda4.js"><link rel="prefetch" href="/note/assets/js/657.f8a50d53.js"><link rel="prefetch" href="/note/assets/js/658.8068d8eb.js"><link rel="prefetch" href="/note/assets/js/659.d502cb8c.js"><link rel="prefetch" href="/note/assets/js/66.a17ac1aa.js"><link rel="prefetch" href="/note/assets/js/660.709c3281.js"><link rel="prefetch" href="/note/assets/js/661.2e5d7f4c.js"><link rel="prefetch" href="/note/assets/js/662.4af97320.js"><link rel="prefetch" href="/note/assets/js/663.5c0f65e6.js"><link rel="prefetch" href="/note/assets/js/664.cd7223f4.js"><link rel="prefetch" href="/note/assets/js/665.5bfb42b0.js"><link rel="prefetch" href="/note/assets/js/666.2d546dd6.js"><link rel="prefetch" href="/note/assets/js/667.bf518215.js"><link rel="prefetch" href="/note/assets/js/668.65336483.js"><link rel="prefetch" href="/note/assets/js/669.dcdf44f7.js"><link rel="prefetch" href="/note/assets/js/67.e8a10390.js"><link rel="prefetch" href="/note/assets/js/670.00bdf867.js"><link rel="prefetch" href="/note/assets/js/671.1e21b180.js"><link rel="prefetch" href="/note/assets/js/672.2e6d6ff5.js"><link rel="prefetch" href="/note/assets/js/673.416b44d5.js"><link rel="prefetch" href="/note/assets/js/674.ee65cf58.js"><link rel="prefetch" href="/note/assets/js/675.2fda9826.js"><link rel="prefetch" href="/note/assets/js/676.85860013.js"><link rel="prefetch" href="/note/assets/js/677.0fd11256.js"><link rel="prefetch" href="/note/assets/js/678.0b97fc4d.js"><link rel="prefetch" href="/note/assets/js/679.8b4bbe27.js"><link rel="prefetch" href="/note/assets/js/68.dec2b83c.js"><link rel="prefetch" href="/note/assets/js/680.3ab259e2.js"><link rel="prefetch" href="/note/assets/js/681.499af0fa.js"><link rel="prefetch" href="/note/assets/js/682.1568a2cd.js"><link rel="prefetch" href="/note/assets/js/683.36aebf70.js"><link rel="prefetch" href="/note/assets/js/684.9a273519.js"><link rel="prefetch" href="/note/assets/js/685.4db3b5bb.js"><link rel="prefetch" href="/note/assets/js/686.ba510cab.js"><link rel="prefetch" href="/note/assets/js/687.204dec0c.js"><link rel="prefetch" href="/note/assets/js/688.0384c02c.js"><link rel="prefetch" href="/note/assets/js/689.0d68cc67.js"><link rel="prefetch" href="/note/assets/js/69.ce55cdca.js"><link rel="prefetch" href="/note/assets/js/690.3767f313.js"><link rel="prefetch" href="/note/assets/js/691.3a572b74.js"><link rel="prefetch" href="/note/assets/js/692.1e76f9bb.js"><link rel="prefetch" href="/note/assets/js/693.75e10998.js"><link rel="prefetch" href="/note/assets/js/694.610b7964.js"><link rel="prefetch" href="/note/assets/js/695.ee185610.js"><link rel="prefetch" href="/note/assets/js/696.3efccde1.js"><link rel="prefetch" href="/note/assets/js/697.af2ecc6f.js"><link rel="prefetch" href="/note/assets/js/698.28043c26.js"><link rel="prefetch" href="/note/assets/js/699.02e136aa.js"><link rel="prefetch" href="/note/assets/js/7.81c08a6f.js"><link rel="prefetch" href="/note/assets/js/70.698eaf27.js"><link rel="prefetch" href="/note/assets/js/700.2e713a86.js"><link rel="prefetch" href="/note/assets/js/701.98bb1bc0.js"><link rel="prefetch" href="/note/assets/js/702.17f73667.js"><link rel="prefetch" href="/note/assets/js/703.8a71ef31.js"><link rel="prefetch" href="/note/assets/js/704.33f00660.js"><link rel="prefetch" href="/note/assets/js/705.d56d8c44.js"><link rel="prefetch" href="/note/assets/js/706.bb2ddc7c.js"><link rel="prefetch" href="/note/assets/js/707.019c0d55.js"><link rel="prefetch" href="/note/assets/js/708.46ad7582.js"><link rel="prefetch" href="/note/assets/js/709.ee096182.js"><link rel="prefetch" href="/note/assets/js/71.30dd9d3e.js"><link rel="prefetch" href="/note/assets/js/710.7203aec8.js"><link rel="prefetch" href="/note/assets/js/711.4b14b3c4.js"><link rel="prefetch" href="/note/assets/js/712.1dd70f9c.js"><link rel="prefetch" href="/note/assets/js/713.6293e0b1.js"><link rel="prefetch" href="/note/assets/js/714.00ad0b2c.js"><link rel="prefetch" href="/note/assets/js/715.02f3ae40.js"><link rel="prefetch" href="/note/assets/js/716.985af061.js"><link rel="prefetch" href="/note/assets/js/717.a9dc82ba.js"><link rel="prefetch" href="/note/assets/js/718.470aecb8.js"><link rel="prefetch" href="/note/assets/js/719.05151d52.js"><link rel="prefetch" href="/note/assets/js/72.65bb7d45.js"><link rel="prefetch" href="/note/assets/js/720.e6341abe.js"><link rel="prefetch" href="/note/assets/js/721.d21510c2.js"><link rel="prefetch" href="/note/assets/js/722.21c74cce.js"><link rel="prefetch" href="/note/assets/js/723.dbd01947.js"><link rel="prefetch" href="/note/assets/js/724.3108c989.js"><link rel="prefetch" href="/note/assets/js/725.d5d5da5d.js"><link rel="prefetch" href="/note/assets/js/726.f44b5e2c.js"><link rel="prefetch" href="/note/assets/js/727.44bb7c9d.js"><link rel="prefetch" href="/note/assets/js/728.eb433788.js"><link rel="prefetch" href="/note/assets/js/729.30bed0d3.js"><link rel="prefetch" href="/note/assets/js/73.aab3f242.js"><link rel="prefetch" href="/note/assets/js/730.1d1405bf.js"><link rel="prefetch" href="/note/assets/js/731.8491f231.js"><link rel="prefetch" href="/note/assets/js/732.3fddfa0c.js"><link rel="prefetch" href="/note/assets/js/733.87612280.js"><link rel="prefetch" href="/note/assets/js/734.e0b8247d.js"><link rel="prefetch" href="/note/assets/js/735.b9a0a080.js"><link rel="prefetch" href="/note/assets/js/736.d4bcbc26.js"><link rel="prefetch" href="/note/assets/js/737.88031879.js"><link rel="prefetch" href="/note/assets/js/738.f53c0e90.js"><link rel="prefetch" href="/note/assets/js/739.651ef584.js"><link rel="prefetch" href="/note/assets/js/74.a1f48c0e.js"><link rel="prefetch" href="/note/assets/js/740.4affb4dc.js"><link rel="prefetch" href="/note/assets/js/741.f5ae14dd.js"><link rel="prefetch" href="/note/assets/js/742.8b72d107.js"><link rel="prefetch" href="/note/assets/js/743.f1368778.js"><link rel="prefetch" href="/note/assets/js/744.8cd1d081.js"><link rel="prefetch" href="/note/assets/js/745.24c0b4be.js"><link rel="prefetch" href="/note/assets/js/746.32737779.js"><link rel="prefetch" href="/note/assets/js/747.26fdb978.js"><link rel="prefetch" href="/note/assets/js/748.01521664.js"><link rel="prefetch" href="/note/assets/js/749.b679d303.js"><link rel="prefetch" href="/note/assets/js/75.02d840b4.js"><link rel="prefetch" href="/note/assets/js/750.4466448a.js"><link rel="prefetch" href="/note/assets/js/751.8156f68b.js"><link rel="prefetch" href="/note/assets/js/753.5e206ab7.js"><link rel="prefetch" href="/note/assets/js/754.49424d6b.js"><link rel="prefetch" href="/note/assets/js/755.682896f2.js"><link rel="prefetch" href="/note/assets/js/756.a3831ed8.js"><link rel="prefetch" href="/note/assets/js/757.a9f2c3ad.js"><link rel="prefetch" href="/note/assets/js/758.81edb729.js"><link rel="prefetch" href="/note/assets/js/759.5f271872.js"><link rel="prefetch" href="/note/assets/js/76.3e8d2acf.js"><link rel="prefetch" href="/note/assets/js/760.b5d81e17.js"><link rel="prefetch" href="/note/assets/js/761.359b7d60.js"><link rel="prefetch" href="/note/assets/js/762.d09b32a2.js"><link rel="prefetch" href="/note/assets/js/763.7b8cc89c.js"><link rel="prefetch" href="/note/assets/js/764.25cf8e6e.js"><link rel="prefetch" href="/note/assets/js/765.5a7437b6.js"><link rel="prefetch" href="/note/assets/js/766.11f95344.js"><link rel="prefetch" href="/note/assets/js/767.97508dcf.js"><link rel="prefetch" href="/note/assets/js/768.6c3f0a3f.js"><link rel="prefetch" href="/note/assets/js/769.10b330ab.js"><link rel="prefetch" href="/note/assets/js/77.19339948.js"><link rel="prefetch" href="/note/assets/js/770.929d2e96.js"><link rel="prefetch" href="/note/assets/js/771.106e9119.js"><link rel="prefetch" href="/note/assets/js/772.f52e3926.js"><link rel="prefetch" href="/note/assets/js/773.7b8a3696.js"><link rel="prefetch" href="/note/assets/js/774.74591aa9.js"><link rel="prefetch" href="/note/assets/js/775.a9fe43e0.js"><link rel="prefetch" href="/note/assets/js/776.fa5178a0.js"><link rel="prefetch" href="/note/assets/js/777.dcedfca8.js"><link rel="prefetch" href="/note/assets/js/778.1aef6404.js"><link rel="prefetch" href="/note/assets/js/779.276c54d5.js"><link rel="prefetch" href="/note/assets/js/78.7be21eba.js"><link rel="prefetch" href="/note/assets/js/780.12fdf99f.js"><link rel="prefetch" href="/note/assets/js/781.061fd3c2.js"><link rel="prefetch" href="/note/assets/js/782.03897c37.js"><link rel="prefetch" href="/note/assets/js/783.d1934d0f.js"><link rel="prefetch" href="/note/assets/js/784.8a460df2.js"><link rel="prefetch" href="/note/assets/js/785.69039c2d.js"><link rel="prefetch" href="/note/assets/js/786.f7286e52.js"><link rel="prefetch" href="/note/assets/js/787.be75d37c.js"><link rel="prefetch" href="/note/assets/js/788.1d4f51de.js"><link rel="prefetch" href="/note/assets/js/789.d28c5fac.js"><link rel="prefetch" href="/note/assets/js/79.8e0e8627.js"><link rel="prefetch" href="/note/assets/js/790.03f9246d.js"><link rel="prefetch" href="/note/assets/js/791.5f23c757.js"><link rel="prefetch" href="/note/assets/js/792.eec3e372.js"><link rel="prefetch" href="/note/assets/js/793.b8512355.js"><link rel="prefetch" href="/note/assets/js/794.9c579c97.js"><link rel="prefetch" href="/note/assets/js/795.308fb331.js"><link rel="prefetch" href="/note/assets/js/796.4145e99d.js"><link rel="prefetch" href="/note/assets/js/797.def37412.js"><link rel="prefetch" href="/note/assets/js/798.3ca51a7f.js"><link rel="prefetch" href="/note/assets/js/799.26acaea3.js"><link rel="prefetch" href="/note/assets/js/8.904cd1f6.js"><link rel="prefetch" href="/note/assets/js/80.bb4ecbb0.js"><link rel="prefetch" href="/note/assets/js/800.7ff82907.js"><link rel="prefetch" href="/note/assets/js/801.a1ae965b.js"><link rel="prefetch" href="/note/assets/js/802.643a8fc8.js"><link rel="prefetch" href="/note/assets/js/803.f7801bfc.js"><link rel="prefetch" href="/note/assets/js/804.4413585f.js"><link rel="prefetch" href="/note/assets/js/805.2236d676.js"><link rel="prefetch" href="/note/assets/js/806.4ed49dc6.js"><link rel="prefetch" href="/note/assets/js/807.04b5a5a4.js"><link rel="prefetch" href="/note/assets/js/808.16a4bff4.js"><link rel="prefetch" href="/note/assets/js/809.99c9abbe.js"><link rel="prefetch" href="/note/assets/js/81.06cbf17d.js"><link rel="prefetch" href="/note/assets/js/810.363b35de.js"><link rel="prefetch" href="/note/assets/js/811.37e949dd.js"><link rel="prefetch" href="/note/assets/js/812.f07ef3ca.js"><link rel="prefetch" href="/note/assets/js/813.f319eee1.js"><link rel="prefetch" href="/note/assets/js/814.81404c65.js"><link rel="prefetch" href="/note/assets/js/815.1f35e474.js"><link rel="prefetch" href="/note/assets/js/816.3c5b557b.js"><link rel="prefetch" href="/note/assets/js/817.e813df3c.js"><link rel="prefetch" href="/note/assets/js/818.f6672c78.js"><link rel="prefetch" href="/note/assets/js/819.63539b6a.js"><link rel="prefetch" href="/note/assets/js/82.ea952de5.js"><link rel="prefetch" href="/note/assets/js/820.638758a4.js"><link rel="prefetch" href="/note/assets/js/821.1454c8d9.js"><link rel="prefetch" href="/note/assets/js/822.96e6a588.js"><link rel="prefetch" href="/note/assets/js/823.bef73b0c.js"><link rel="prefetch" href="/note/assets/js/824.868600cc.js"><link rel="prefetch" href="/note/assets/js/825.968beec5.js"><link rel="prefetch" href="/note/assets/js/826.96be0d72.js"><link rel="prefetch" href="/note/assets/js/827.11e681a7.js"><link rel="prefetch" href="/note/assets/js/828.f7cac165.js"><link rel="prefetch" href="/note/assets/js/829.7adac92e.js"><link rel="prefetch" href="/note/assets/js/83.18e33491.js"><link rel="prefetch" href="/note/assets/js/830.d7392e17.js"><link rel="prefetch" href="/note/assets/js/831.cdccd817.js"><link rel="prefetch" href="/note/assets/js/832.c0d34377.js"><link rel="prefetch" href="/note/assets/js/833.cfe8060a.js"><link rel="prefetch" href="/note/assets/js/834.30966a53.js"><link rel="prefetch" href="/note/assets/js/835.d635235d.js"><link rel="prefetch" href="/note/assets/js/836.2b5db5df.js"><link rel="prefetch" href="/note/assets/js/837.57aade67.js"><link rel="prefetch" href="/note/assets/js/838.c031cefb.js"><link rel="prefetch" href="/note/assets/js/839.6a0c57ec.js"><link rel="prefetch" href="/note/assets/js/84.a844a445.js"><link rel="prefetch" href="/note/assets/js/840.22b47af4.js"><link rel="prefetch" href="/note/assets/js/841.2c1928df.js"><link rel="prefetch" href="/note/assets/js/842.c759135d.js"><link rel="prefetch" href="/note/assets/js/843.a5b8dd58.js"><link rel="prefetch" href="/note/assets/js/844.f923348b.js"><link rel="prefetch" href="/note/assets/js/845.062eba56.js"><link rel="prefetch" href="/note/assets/js/846.87835849.js"><link rel="prefetch" href="/note/assets/js/847.f8826b8e.js"><link rel="prefetch" href="/note/assets/js/848.f7e841ae.js"><link rel="prefetch" href="/note/assets/js/849.760a3e83.js"><link rel="prefetch" href="/note/assets/js/85.0949aab6.js"><link rel="prefetch" href="/note/assets/js/850.a36a8661.js"><link rel="prefetch" href="/note/assets/js/851.3185e6e5.js"><link rel="prefetch" href="/note/assets/js/852.beee83b5.js"><link rel="prefetch" href="/note/assets/js/853.88eca547.js"><link rel="prefetch" href="/note/assets/js/854.e31e6e74.js"><link rel="prefetch" href="/note/assets/js/855.578bb7ec.js"><link rel="prefetch" href="/note/assets/js/856.10e74184.js"><link rel="prefetch" href="/note/assets/js/857.b15ac52f.js"><link rel="prefetch" href="/note/assets/js/858.301d87d6.js"><link rel="prefetch" href="/note/assets/js/859.122021e5.js"><link rel="prefetch" href="/note/assets/js/86.0485456f.js"><link rel="prefetch" href="/note/assets/js/860.6896449f.js"><link rel="prefetch" href="/note/assets/js/861.40a0334d.js"><link rel="prefetch" href="/note/assets/js/862.3e5dd1d6.js"><link rel="prefetch" href="/note/assets/js/863.3bec5383.js"><link rel="prefetch" href="/note/assets/js/864.05d3ee7f.js"><link rel="prefetch" href="/note/assets/js/865.f603ab30.js"><link rel="prefetch" href="/note/assets/js/866.99eb859c.js"><link rel="prefetch" href="/note/assets/js/867.44777be8.js"><link rel="prefetch" href="/note/assets/js/868.4d2c9f6e.js"><link rel="prefetch" href="/note/assets/js/869.6c58c4e2.js"><link rel="prefetch" href="/note/assets/js/87.f690dffd.js"><link rel="prefetch" href="/note/assets/js/870.ec7de8b1.js"><link rel="prefetch" href="/note/assets/js/871.de0ed4d4.js"><link rel="prefetch" href="/note/assets/js/872.3a67c480.js"><link rel="prefetch" href="/note/assets/js/873.05894606.js"><link rel="prefetch" href="/note/assets/js/874.af89c137.js"><link rel="prefetch" href="/note/assets/js/875.7ed22ba6.js"><link rel="prefetch" href="/note/assets/js/876.758bb782.js"><link rel="prefetch" href="/note/assets/js/877.a5afa34e.js"><link rel="prefetch" href="/note/assets/js/878.01456f7f.js"><link rel="prefetch" href="/note/assets/js/879.f809e37b.js"><link rel="prefetch" href="/note/assets/js/88.079a44b6.js"><link rel="prefetch" href="/note/assets/js/880.de37f4e2.js"><link rel="prefetch" href="/note/assets/js/881.7f4523e2.js"><link rel="prefetch" href="/note/assets/js/882.b45887a0.js"><link rel="prefetch" href="/note/assets/js/883.41c1abf5.js"><link rel="prefetch" href="/note/assets/js/884.6ee41cb6.js"><link rel="prefetch" href="/note/assets/js/885.667eeaa4.js"><link rel="prefetch" href="/note/assets/js/886.6a1be376.js"><link rel="prefetch" href="/note/assets/js/887.25039a6b.js"><link rel="prefetch" href="/note/assets/js/888.e30a8274.js"><link rel="prefetch" href="/note/assets/js/889.1ac4e845.js"><link rel="prefetch" href="/note/assets/js/89.c6f3021d.js"><link rel="prefetch" href="/note/assets/js/890.59ad67c3.js"><link rel="prefetch" href="/note/assets/js/891.89447650.js"><link rel="prefetch" href="/note/assets/js/892.e1e59f96.js"><link rel="prefetch" href="/note/assets/js/893.784befbb.js"><link rel="prefetch" href="/note/assets/js/894.31cc77d7.js"><link rel="prefetch" href="/note/assets/js/895.6d1ef60d.js"><link rel="prefetch" href="/note/assets/js/896.3db0d622.js"><link rel="prefetch" href="/note/assets/js/897.2838fef3.js"><link rel="prefetch" href="/note/assets/js/898.e1d87419.js"><link rel="prefetch" href="/note/assets/js/899.22bd5de9.js"><link rel="prefetch" href="/note/assets/js/9.eaed696a.js"><link rel="prefetch" href="/note/assets/js/90.aabc1e14.js"><link rel="prefetch" href="/note/assets/js/900.df372cc0.js"><link rel="prefetch" href="/note/assets/js/901.ef7412dd.js"><link rel="prefetch" href="/note/assets/js/902.4e4507da.js"><link rel="prefetch" href="/note/assets/js/903.5c6bf2de.js"><link rel="prefetch" href="/note/assets/js/904.b308abc8.js"><link rel="prefetch" href="/note/assets/js/905.6e63ec02.js"><link rel="prefetch" href="/note/assets/js/906.ad00a1d4.js"><link rel="prefetch" href="/note/assets/js/907.7ccc8dd6.js"><link rel="prefetch" href="/note/assets/js/908.41f7a4b1.js"><link rel="prefetch" href="/note/assets/js/909.4f61534e.js"><link rel="prefetch" href="/note/assets/js/91.6d3f2db2.js"><link rel="prefetch" href="/note/assets/js/910.2188a756.js"><link rel="prefetch" href="/note/assets/js/911.5681a2a9.js"><link rel="prefetch" href="/note/assets/js/912.fd0e2682.js"><link rel="prefetch" href="/note/assets/js/913.8cab6112.js"><link rel="prefetch" href="/note/assets/js/914.0c742210.js"><link rel="prefetch" href="/note/assets/js/915.7a1889a7.js"><link rel="prefetch" href="/note/assets/js/916.3cb9f061.js"><link rel="prefetch" href="/note/assets/js/917.4cc25b33.js"><link rel="prefetch" href="/note/assets/js/918.5d6be300.js"><link rel="prefetch" href="/note/assets/js/919.9270d17e.js"><link rel="prefetch" href="/note/assets/js/92.09feae02.js"><link rel="prefetch" href="/note/assets/js/920.1af52593.js"><link rel="prefetch" href="/note/assets/js/921.209231cf.js"><link rel="prefetch" href="/note/assets/js/922.2c4fa633.js"><link rel="prefetch" href="/note/assets/js/923.75c81a10.js"><link rel="prefetch" href="/note/assets/js/924.11ab2622.js"><link rel="prefetch" href="/note/assets/js/925.fcbb775c.js"><link rel="prefetch" href="/note/assets/js/926.7cded731.js"><link rel="prefetch" href="/note/assets/js/927.9f70328c.js"><link rel="prefetch" href="/note/assets/js/928.2011118a.js"><link rel="prefetch" href="/note/assets/js/929.dbfb8d8d.js"><link rel="prefetch" href="/note/assets/js/93.7039a6d3.js"><link rel="prefetch" href="/note/assets/js/930.fed987d3.js"><link rel="prefetch" href="/note/assets/js/931.797bc5cd.js"><link rel="prefetch" href="/note/assets/js/932.86adfe15.js"><link rel="prefetch" href="/note/assets/js/933.5d1fc301.js"><link rel="prefetch" href="/note/assets/js/934.f6a011cb.js"><link rel="prefetch" href="/note/assets/js/935.7ff175c5.js"><link rel="prefetch" href="/note/assets/js/936.78b1b947.js"><link rel="prefetch" href="/note/assets/js/937.9365e8f6.js"><link rel="prefetch" href="/note/assets/js/938.22d2cb42.js"><link rel="prefetch" href="/note/assets/js/939.94c9ad24.js"><link rel="prefetch" href="/note/assets/js/94.a3f61846.js"><link rel="prefetch" href="/note/assets/js/940.002f34b5.js"><link rel="prefetch" href="/note/assets/js/941.67831f2a.js"><link rel="prefetch" href="/note/assets/js/942.758a6a37.js"><link rel="prefetch" href="/note/assets/js/943.e6c1b022.js"><link rel="prefetch" href="/note/assets/js/944.12957ff8.js"><link rel="prefetch" href="/note/assets/js/945.813c4647.js"><link rel="prefetch" href="/note/assets/js/946.e165520f.js"><link rel="prefetch" href="/note/assets/js/947.15c915f3.js"><link rel="prefetch" href="/note/assets/js/948.afa964ed.js"><link rel="prefetch" href="/note/assets/js/949.95296aaa.js"><link rel="prefetch" href="/note/assets/js/95.43b7bb25.js"><link rel="prefetch" href="/note/assets/js/950.ab4c98ae.js"><link rel="prefetch" href="/note/assets/js/951.40a7b95d.js"><link rel="prefetch" href="/note/assets/js/952.7de23731.js"><link rel="prefetch" href="/note/assets/js/953.189c5094.js"><link rel="prefetch" href="/note/assets/js/954.86113b04.js"><link rel="prefetch" href="/note/assets/js/955.cf54af35.js"><link rel="prefetch" href="/note/assets/js/956.075739dc.js"><link rel="prefetch" href="/note/assets/js/957.edd567bb.js"><link rel="prefetch" href="/note/assets/js/958.624752dd.js"><link rel="prefetch" href="/note/assets/js/959.992d8b9d.js"><link rel="prefetch" href="/note/assets/js/96.b9c0bcfb.js"><link rel="prefetch" href="/note/assets/js/960.dda45067.js"><link rel="prefetch" href="/note/assets/js/961.7943dc34.js"><link rel="prefetch" href="/note/assets/js/962.5b7fd272.js"><link rel="prefetch" href="/note/assets/js/963.8aec3810.js"><link rel="prefetch" href="/note/assets/js/964.a831d3f0.js"><link rel="prefetch" href="/note/assets/js/965.8a5c9c1d.js"><link rel="prefetch" href="/note/assets/js/966.ad16f5d2.js"><link rel="prefetch" href="/note/assets/js/967.40c6a26a.js"><link rel="prefetch" href="/note/assets/js/968.c46f38b9.js"><link rel="prefetch" href="/note/assets/js/969.018f8243.js"><link rel="prefetch" href="/note/assets/js/97.93da0ee5.js"><link rel="prefetch" href="/note/assets/js/970.ebafbf1a.js"><link rel="prefetch" href="/note/assets/js/971.0207ccbb.js"><link rel="prefetch" href="/note/assets/js/972.21a0deb8.js"><link rel="prefetch" href="/note/assets/js/973.382eb80e.js"><link rel="prefetch" href="/note/assets/js/974.e7f00955.js"><link rel="prefetch" href="/note/assets/js/975.6aae1f41.js"><link rel="prefetch" href="/note/assets/js/976.14351d69.js"><link rel="prefetch" href="/note/assets/js/977.1deef1b6.js"><link rel="prefetch" href="/note/assets/js/978.ecf51f8a.js"><link rel="prefetch" href="/note/assets/js/979.393ffd74.js"><link rel="prefetch" href="/note/assets/js/98.18963e18.js"><link rel="prefetch" href="/note/assets/js/980.6635e719.js"><link rel="prefetch" href="/note/assets/js/981.7a6a9ee1.js"><link rel="prefetch" href="/note/assets/js/982.bfe53f7c.js"><link rel="prefetch" href="/note/assets/js/983.02a636d5.js"><link rel="prefetch" href="/note/assets/js/984.7d093e07.js"><link rel="prefetch" href="/note/assets/js/985.257e283c.js"><link rel="prefetch" href="/note/assets/js/986.c4c37444.js"><link rel="prefetch" href="/note/assets/js/987.7c805e18.js"><link rel="prefetch" href="/note/assets/js/988.2878ff5e.js"><link rel="prefetch" href="/note/assets/js/989.5c12d74f.js"><link rel="prefetch" href="/note/assets/js/99.c60f4160.js"><link rel="prefetch" href="/note/assets/js/990.5afcfa0a.js"><link rel="prefetch" href="/note/assets/js/991.16cad98c.js"><link rel="prefetch" href="/note/assets/js/992.9250dbdc.js"><link rel="prefetch" href="/note/assets/js/993.f85a4753.js"><link rel="prefetch" href="/note/assets/js/994.a7ff6289.js"><link rel="prefetch" href="/note/assets/js/995.fa8a0290.js"><link rel="prefetch" href="/note/assets/js/996.8703c0f0.js"><link rel="prefetch" href="/note/assets/js/997.d0f8d641.js"><link rel="prefetch" href="/note/assets/js/998.42fae48f.js"><link rel="prefetch" href="/note/assets/js/999.155129fe.js">
    <link rel="stylesheet" href="/note/assets/css/0.styles.053a9293.css">
  </head>
  <body>
    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/note/" class="home-link router-link-active"><!----> <span class="site-name">Note</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="Cstech Stone(灵)" class="dropdown-title"><span class="title">Cstech Stone(灵)</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/note/nav.0.cstech-stone/ch1-core-fullstack/" class="nav-link">
  Core Fullstack
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.0.cstech-stone/ch2-lang-program/" class="nav-link">
  Lang Program
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.0.cstech-stone/ch3-hardware-chip/" class="nav-link">
  Hardware Chip
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.0.cstech-stone/ch4-software-eng/" class="nav-link">
  Software Eng
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.0.cstech-stone/ch5-os-linux/" class="nav-link">
  Os Linux
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.0.cstech-stone/ch6-storage-db/" class="nav-link">
  Storage Db
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.0.cstech-stone/ch7-senses-vision/" class="nav-link">
  Senses Vision
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.0.cstech-stone/ch8-net-protocol/" class="nav-link">
  Net Protocol
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.0.cstech-stone/ch9-security-crypto/" class="nav-link">
  Security Crypto
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="Tools Rapier(兵)" class="dropdown-title"><span class="title">Tools Rapier(兵)</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/note/nav.1.tools-rapier/ch1-core-roadmap/" class="nav-link">
  Core Roadmap
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.1.tools-rapier/ch2-lang-translate/" class="nav-link">
  Lang Translate
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.1.tools-rapier/ch3-origin-library/" class="nav-link">
  Origin Library
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.1.tools-rapier/ch4-ecology-expert/" class="nav-link">
  Ecology Expert
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.1.tools-rapier/ch5-design-style/" class="nav-link">
  Design Style
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.1.tools-rapier/ch6-studio-devtools/" class="nav-link">
  Studio Devtools
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.1.tools-rapier/ch7-office-media/" class="nav-link">
  Office Media
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.1.tools-rapier/ch8-materials-daily/" class="nav-link">
  Materials Daily
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.1.tools-rapier/ch9-skills-improve/" class="nav-link">
  Skills Improve
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="Algorithm Nut(斗)" class="dropdown-title"><span class="title">Algorithm Nut(斗)</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/note/nav.2.algorithm-nut/ch1-core-spec/" class="nav-link">
  Core Spec
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.2.algorithm-nut/ch2-lang-fakecode/" class="nav-link">
  Lang Fakecode
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.2.algorithm-nut/ch3-design-pattern/" class="nav-link">
  Design Pattern
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.2.algorithm-nut/ch4-data-structure/" class="nav-link">
  Data Structure
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.2.algorithm-nut/ch5-sorting-search/" class="nav-link">
  Sorting Search
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.2.algorithm-nut/ch6-model-nutlet/" class="nav-link">
  Model Nutlet
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.2.algorithm-nut/ch7-scenario-biz/" class="nav-link">
  Scenario Biz
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.2.algorithm-nut/ch8-contest-ladder/" class="nav-link">
  Contest Ladder
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.2.algorithm-nut/ch9-code-interview/" class="nav-link">
  Code Interview
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="Service Java(者)" class="dropdown-title"><span class="title">Service Java(者)</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/note/nav.3.service-java/ch1-core-oop/" class="nav-link">
  Core Oop
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.3.service-java/ch2-utils-crud/" class="nav-link">
  Utils Crud
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.3.service-java/ch3-web-springboot/" class="nav-link">
  Web Springboot
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.3.service-java/ch4-micro-cloud/" class="nav-link">
  Micro Cloud
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.3.service-java/ch5-devops-native/" class="nav-link">
  Devops Native
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.3.service-java/ch6-compute-faas/" class="nav-link">
  Compute Faas
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.3.service-java/ch7-perf-jvm/" class="nav-link">
  Perf Jvm
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.3.service-java/ch8-arch-pmp/" class="nav-link">
  Arch Pmp
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.3.service-java/ch9-code-interview/" class="nav-link">
  Code Interview
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="Ui Javascript(皆)" class="dropdown-title"><span class="title">Ui Javascript(皆)</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/note/nav.4.ui-javascript/ch1-core-prototype/" class="nav-link">
  Core Prototype
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.4.ui-javascript/ch2-component-mvc/" class="nav-link">
  Component Mvc
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.4.ui-javascript/ch3-web3-html5/" class="nav-link">
  Web3 Html5
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.4.ui-javascript/ch4-service-nodejs/" class="nav-link">
  Service Nodejs
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/" class="nav-link router-link-active">
  Devops Scaffold
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.4.ui-javascript/ch6-hybrid-webapp/" class="nav-link">
  Hybrid Webapp
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.4.ui-javascript/ch7-visualizing-datav/" class="nav-link">
  Visualizing Datav
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.4.ui-javascript/ch8-interaction-gl/" class="nav-link">
  Interaction Gl
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.4.ui-javascript/ch9-code-interview/" class="nav-link">
  Code Interview
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="Data Python(数)" class="dropdown-title"><span class="title">Data Python(数)</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/note/nav.5.data-python/ch1-core-pymath/" class="nav-link">
  Core Pymath
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.5.data-python/ch2-utils-dataset/" class="nav-link">
  Utils Dataset
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.5.data-python/ch3-web-django/" class="nav-link">
  Web Django
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.5.data-python/ch4-analysis-bigdata/" class="nav-link">
  Analysis Bigdata
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.5.data-python/ch5-devops-auto/" class="nav-link">
  Devops Auto
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.5.data-python/ch6-ai-machine/" class="nav-link">
  Ai Machine
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.5.data-python/ch7-visualizing-gui/" class="nav-link">
  Visualizing Gui
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.5.data-python/ch8-control-embed/" class="nav-link">
  Control Embed
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.5.data-python/ch9-code-interview/" class="nav-link">
  Code Interview
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="Terminal Wave(组)" class="dropdown-title"><span class="title">Terminal Wave(组)</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/note/nav.6.terminal-wave/ch1-core-market/" class="nav-link">
  Core Market
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.6.terminal-wave/ch2-pc-windows/" class="nav-link">
  Pc Windows
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.6.terminal-wave/ch3-mobile-android/" class="nav-link">
  Mobile Android
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.6.terminal-wave/ch4-hybrid-flutter/" class="nav-link">
  Hybrid Flutter
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.6.terminal-wave/ch5-game-unity3d/" class="nav-link">
  Game Unity3d
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.6.terminal-wave/ch6-wearables-watch/" class="nav-link">
  Wearables Watch
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.6.terminal-wave/ch7-remote-uav/" class="nav-link">
  Remote Uav
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.6.terminal-wave/ch8-assembly-robot/" class="nav-link">
  Assembly Robot
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.6.terminal-wave/ch9-smart-home/" class="nav-link">
  Smart Home
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="Thought Sparks(前)" class="dropdown-title"><span class="title">Thought Sparks(前)</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/note/nav.7.thought-sparks/ch1-core-learning/" class="nav-link">
  Core Learning
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.7.thought-sparks/ch2-world-science/" class="nav-link">
  World Science
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.7.thought-sparks/ch3-culture-history/" class="nav-link">
  Culture History
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.7.thought-sparks/ch4-society-cake/" class="nav-link">
  Society Cake
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.7.thought-sparks/ch5-values-relife/" class="nav-link">
  Values Relife
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.7.thought-sparks/ch6-mind-island/" class="nav-link">
  Mind Island
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.7.thought-sparks/ch7-manage-habit/" class="nav-link">
  Manage Habit
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.7.thought-sparks/ch8-trend-future/" class="nav-link">
  Trend Future
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.7.thought-sparks/ch9-planning-career/" class="nav-link">
  Planning Career
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="Hobby Mobius(行)" class="dropdown-title"><span class="title">Hobby Mobius(行)</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/note/nav.8.hobby-mobius/ch1-core-lifestyle/" class="nav-link">
  Core Lifestyle
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.8.hobby-mobius/ch2-dance-fitness/" class="nav-link">
  Dance Fitness
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.8.hobby-mobius/ch3-painting-mark/" class="nav-link">
  Painting Mark
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.8.hobby-mobius/ch4-music-poem/" class="nav-link">
  Music Poem
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.8.hobby-mobius/ch5-writing-novel/" class="nav-link">
  Writing Novel
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.8.hobby-mobius/ch6-movie-poster/" class="nav-link">
  Movie Poster
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.8.hobby-mobius/ch7-cooking-taste/" class="nav-link">
  Cooking Taste
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.8.hobby-mobius/ch8-garden-pets/" class="nav-link">
  Garden Pets
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.8.hobby-mobius/ch9-travel-drive/" class="nav-link">
  Travel Drive
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="关于" class="dropdown-title"><span class="title">关于</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="https://github.com/luo0412" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Github
  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li class="dropdown-item"><!----> <a href="/note/about-me.html" class="nav-link">
  关于我
</a></li><li class="dropdown-item"><!----> <a href="/note/inspired-by.html" class="nav-link">
  笔记灵感
</a></li><li class="dropdown-item"><!----> <a href="/note/md-style.html" class="nav-link">
  风格指南
</a></li><li class="dropdown-item"><!----> <a href="/note/related-links.html" class="nav-link">
  友情链接
</a></li></ul></div></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="Cstech Stone(灵)" class="dropdown-title"><span class="title">Cstech Stone(灵)</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/note/nav.0.cstech-stone/ch1-core-fullstack/" class="nav-link">
  Core Fullstack
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.0.cstech-stone/ch2-lang-program/" class="nav-link">
  Lang Program
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.0.cstech-stone/ch3-hardware-chip/" class="nav-link">
  Hardware Chip
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.0.cstech-stone/ch4-software-eng/" class="nav-link">
  Software Eng
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.0.cstech-stone/ch5-os-linux/" class="nav-link">
  Os Linux
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.0.cstech-stone/ch6-storage-db/" class="nav-link">
  Storage Db
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.0.cstech-stone/ch7-senses-vision/" class="nav-link">
  Senses Vision
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.0.cstech-stone/ch8-net-protocol/" class="nav-link">
  Net Protocol
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.0.cstech-stone/ch9-security-crypto/" class="nav-link">
  Security Crypto
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="Tools Rapier(兵)" class="dropdown-title"><span class="title">Tools Rapier(兵)</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/note/nav.1.tools-rapier/ch1-core-roadmap/" class="nav-link">
  Core Roadmap
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.1.tools-rapier/ch2-lang-translate/" class="nav-link">
  Lang Translate
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.1.tools-rapier/ch3-origin-library/" class="nav-link">
  Origin Library
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.1.tools-rapier/ch4-ecology-expert/" class="nav-link">
  Ecology Expert
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.1.tools-rapier/ch5-design-style/" class="nav-link">
  Design Style
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.1.tools-rapier/ch6-studio-devtools/" class="nav-link">
  Studio Devtools
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.1.tools-rapier/ch7-office-media/" class="nav-link">
  Office Media
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.1.tools-rapier/ch8-materials-daily/" class="nav-link">
  Materials Daily
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.1.tools-rapier/ch9-skills-improve/" class="nav-link">
  Skills Improve
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="Algorithm Nut(斗)" class="dropdown-title"><span class="title">Algorithm Nut(斗)</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/note/nav.2.algorithm-nut/ch1-core-spec/" class="nav-link">
  Core Spec
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.2.algorithm-nut/ch2-lang-fakecode/" class="nav-link">
  Lang Fakecode
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.2.algorithm-nut/ch3-design-pattern/" class="nav-link">
  Design Pattern
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.2.algorithm-nut/ch4-data-structure/" class="nav-link">
  Data Structure
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.2.algorithm-nut/ch5-sorting-search/" class="nav-link">
  Sorting Search
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.2.algorithm-nut/ch6-model-nutlet/" class="nav-link">
  Model Nutlet
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.2.algorithm-nut/ch7-scenario-biz/" class="nav-link">
  Scenario Biz
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.2.algorithm-nut/ch8-contest-ladder/" class="nav-link">
  Contest Ladder
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.2.algorithm-nut/ch9-code-interview/" class="nav-link">
  Code Interview
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="Service Java(者)" class="dropdown-title"><span class="title">Service Java(者)</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/note/nav.3.service-java/ch1-core-oop/" class="nav-link">
  Core Oop
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.3.service-java/ch2-utils-crud/" class="nav-link">
  Utils Crud
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.3.service-java/ch3-web-springboot/" class="nav-link">
  Web Springboot
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.3.service-java/ch4-micro-cloud/" class="nav-link">
  Micro Cloud
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.3.service-java/ch5-devops-native/" class="nav-link">
  Devops Native
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.3.service-java/ch6-compute-faas/" class="nav-link">
  Compute Faas
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.3.service-java/ch7-perf-jvm/" class="nav-link">
  Perf Jvm
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.3.service-java/ch8-arch-pmp/" class="nav-link">
  Arch Pmp
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.3.service-java/ch9-code-interview/" class="nav-link">
  Code Interview
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="Ui Javascript(皆)" class="dropdown-title"><span class="title">Ui Javascript(皆)</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/note/nav.4.ui-javascript/ch1-core-prototype/" class="nav-link">
  Core Prototype
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.4.ui-javascript/ch2-component-mvc/" class="nav-link">
  Component Mvc
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.4.ui-javascript/ch3-web3-html5/" class="nav-link">
  Web3 Html5
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.4.ui-javascript/ch4-service-nodejs/" class="nav-link">
  Service Nodejs
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/" class="nav-link router-link-active">
  Devops Scaffold
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.4.ui-javascript/ch6-hybrid-webapp/" class="nav-link">
  Hybrid Webapp
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.4.ui-javascript/ch7-visualizing-datav/" class="nav-link">
  Visualizing Datav
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.4.ui-javascript/ch8-interaction-gl/" class="nav-link">
  Interaction Gl
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.4.ui-javascript/ch9-code-interview/" class="nav-link">
  Code Interview
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="Data Python(数)" class="dropdown-title"><span class="title">Data Python(数)</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/note/nav.5.data-python/ch1-core-pymath/" class="nav-link">
  Core Pymath
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.5.data-python/ch2-utils-dataset/" class="nav-link">
  Utils Dataset
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.5.data-python/ch3-web-django/" class="nav-link">
  Web Django
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.5.data-python/ch4-analysis-bigdata/" class="nav-link">
  Analysis Bigdata
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.5.data-python/ch5-devops-auto/" class="nav-link">
  Devops Auto
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.5.data-python/ch6-ai-machine/" class="nav-link">
  Ai Machine
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.5.data-python/ch7-visualizing-gui/" class="nav-link">
  Visualizing Gui
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.5.data-python/ch8-control-embed/" class="nav-link">
  Control Embed
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.5.data-python/ch9-code-interview/" class="nav-link">
  Code Interview
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="Terminal Wave(组)" class="dropdown-title"><span class="title">Terminal Wave(组)</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/note/nav.6.terminal-wave/ch1-core-market/" class="nav-link">
  Core Market
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.6.terminal-wave/ch2-pc-windows/" class="nav-link">
  Pc Windows
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.6.terminal-wave/ch3-mobile-android/" class="nav-link">
  Mobile Android
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.6.terminal-wave/ch4-hybrid-flutter/" class="nav-link">
  Hybrid Flutter
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.6.terminal-wave/ch5-game-unity3d/" class="nav-link">
  Game Unity3d
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.6.terminal-wave/ch6-wearables-watch/" class="nav-link">
  Wearables Watch
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.6.terminal-wave/ch7-remote-uav/" class="nav-link">
  Remote Uav
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.6.terminal-wave/ch8-assembly-robot/" class="nav-link">
  Assembly Robot
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.6.terminal-wave/ch9-smart-home/" class="nav-link">
  Smart Home
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="Thought Sparks(前)" class="dropdown-title"><span class="title">Thought Sparks(前)</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/note/nav.7.thought-sparks/ch1-core-learning/" class="nav-link">
  Core Learning
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.7.thought-sparks/ch2-world-science/" class="nav-link">
  World Science
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.7.thought-sparks/ch3-culture-history/" class="nav-link">
  Culture History
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.7.thought-sparks/ch4-society-cake/" class="nav-link">
  Society Cake
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.7.thought-sparks/ch5-values-relife/" class="nav-link">
  Values Relife
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.7.thought-sparks/ch6-mind-island/" class="nav-link">
  Mind Island
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.7.thought-sparks/ch7-manage-habit/" class="nav-link">
  Manage Habit
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.7.thought-sparks/ch8-trend-future/" class="nav-link">
  Trend Future
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.7.thought-sparks/ch9-planning-career/" class="nav-link">
  Planning Career
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="Hobby Mobius(行)" class="dropdown-title"><span class="title">Hobby Mobius(行)</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/note/nav.8.hobby-mobius/ch1-core-lifestyle/" class="nav-link">
  Core Lifestyle
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.8.hobby-mobius/ch2-dance-fitness/" class="nav-link">
  Dance Fitness
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.8.hobby-mobius/ch3-painting-mark/" class="nav-link">
  Painting Mark
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.8.hobby-mobius/ch4-music-poem/" class="nav-link">
  Music Poem
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.8.hobby-mobius/ch5-writing-novel/" class="nav-link">
  Writing Novel
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.8.hobby-mobius/ch6-movie-poster/" class="nav-link">
  Movie Poster
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.8.hobby-mobius/ch7-cooking-taste/" class="nav-link">
  Cooking Taste
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.8.hobby-mobius/ch8-garden-pets/" class="nav-link">
  Garden Pets
</a></li><li class="dropdown-item"><!----> <a href="/note/nav.8.hobby-mobius/ch9-travel-drive/" class="nav-link">
  Travel Drive
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="关于" class="dropdown-title"><span class="title">关于</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="https://github.com/luo0412" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Github
  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li class="dropdown-item"><!----> <a href="/note/about-me.html" class="nav-link">
  关于我
</a></li><li class="dropdown-item"><!----> <a href="/note/inspired-by.html" class="nav-link">
  笔记灵感
</a></li><li class="dropdown-item"><!----> <a href="/note/md-style.html" class="nav-link">
  风格指南
</a></li><li class="dropdown-item"><!----> <a href="/note/related-links.html" class="nav-link">
  友情链接
</a></li></ul></div></div> <!----></nav>  <ul class="sidebar-links"><li><a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/" aria-current="page" class="sidebar-link">README</a></li><li><a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/01--ji-chu--qian-duan-gong-cheng-hua.html" class="sidebar-link">[基础]前端工程化</a></li><li><a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/03--ti-gang--zeng-shan-gai-cha--chang-yong-pian-duan-element-antd-layui.html" aria-current="page" class="active sidebar-link">[提纲]增删改查-常用片段(Element+Antd+Layui)</a></li><li><a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/04--biao-zhun--qian-duan-gong-cheng--tong-yong-jie-gou-she-ji.html" class="sidebar-link">[标准]前端工程-通用结构设计</a></li><li><a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/05--ti-gang-react-xiang-mu--shi-jian-ji-qiao-perf.html" class="sidebar-link">[提纲]React项目-实践技巧(perf)</a></li><li><a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/07--ti-gang-vue-xiang-mu--shi-jian-ji-qiao-crud.html" class="sidebar-link">[提纲]Vue项目-实践技巧(crud)</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>Devops</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><section class="sidebar-group is-sub-group depth-1"><p class="sidebar-heading open"><span>Case</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/devops/case/01--ji-chu-storybook.html" class="sidebar-link">[基础]storybook</a></li><li><a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/devops/case/02--ji-chu-vuepress--wen-dang-zhi-chi-zhi-shi-ti-xi.html" class="sidebar-link">[基础]vuepress(文档支持+知识体系)</a></li></ul></section></li><li><a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/devops/01--ji-chu--qian-duan--ce-shi.html" class="sidebar-link">[基础]前端-测试</a></li><li><a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/devops/02--ti-gang--qian-duan--ce-shi-kuang-jia-jest.html" class="sidebar-link">[提纲]前端-测试框架(Jest)</a></li><li><a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/devops/03--fang-an--wen-dang-xi-tong-doc-api.html" class="sidebar-link">[方案]文档系统(Doc+API)</a></li><li><a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/devops/04--fang-an--dai-ma-zhi-liang-kong-zhi-eslint.html" class="sidebar-link">[方案]代码质量控制(ESlint)</a></li><li><a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/devops/05--fang-an--mo-ni-shu-ju-mockjs.html" class="sidebar-link">[方案]模拟数据(Mockjs)</a></li><li><a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/devops/06--fang-an--qian-duan--zi-dong-hua-bu-shu-deploy.html" class="sidebar-link">[方案]前端自动化部署(Deploy)</a></li><li><a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/devops/07--fang-an--qian-duan-jian-kong-yu-tong-ji--mai-dian.html" class="sidebar-link">[方案]前端监控与统计(埋点)</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>Micro</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><section class="sidebar-group is-sub-group depth-1"><p class="sidebar-heading open"><span>Case</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/micro/case/02--fang-an-react-wei-qian-duan-qiankun.html" class="sidebar-link">[方案]react微前端(qiankun)</a></li></ul></section></li><li><a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/micro/01--ji-chu--wei-qian-duan.html" class="sidebar-link">[基础]微前端</a></li><li><a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/micro/02--sheng-tai--wei-qian-duan-kuang-jia.html" class="sidebar-link">[生态]微前端框架</a></li><li><a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/micro/03--ti-gang--wei-qian-duan--ye-wu-shi-jian.html" class="sidebar-link">[提纲]微前端-业务实践</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>Scaffold</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><section class="sidebar-group is-sub-group depth-1"><p class="sidebar-heading open"><span>Case</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/scaffold/case/02--ji-chu-rollup.html" class="sidebar-link">[基础]Rollup</a></li><li><a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/scaffold/case/03--ji-chu-webpack.html" class="sidebar-link">[基础]Webpack</a></li><li><a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/scaffold/case/04--ji-chu-parcel.html" class="sidebar-link">[基础]Parcel</a></li><li><a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/scaffold/case/05--ji-chu-umi.html" class="sidebar-link">[基础]Umi</a></li><li><a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/scaffold/case/06--ji-chu-vue-cli.html" class="sidebar-link">[基础]Vue-Cli</a></li></ul></section></li><li><a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/scaffold/01--ji-chu--gong-cheng-hua-ast-dsl.html" class="sidebar-link">[基础]工程化(AST+DSL)</a></li><li><a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/scaffold/02--ti-gang--gong-ju-lian-yu-gong-zuo-liu.html" class="sidebar-link">[提纲]工具链与工作流</a></li><li><a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/scaffold/03--ji-chu--ren-wu-yun-xing-qi-task-gulp.html" class="sidebar-link">[基础]任务运行器(Task+Gulp)</a></li><li><a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/scaffold/04--ji-chu--mo-kuai-jia-zai-qi-module.html" class="sidebar-link">[基础]模块加载器(Module)</a></li><li><a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/scaffold/05--fang-an--duo-ye-mian-mpa.html" class="sidebar-link">[方案]多页面(MPA)</a></li><li><a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/scaffold/06--fang-an--duo-mo-kuai-mono.html" class="sidebar-link">[方案]多模块(Mono)</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>Solution</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/solution/01--fang-an--zeng-shan-gai-cha-dong-tai-biao-dan-formily.html" class="sidebar-link">[方案]增删改查+动态表单(Formily)</a></li><li><a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/solution/02--fang-an--wu-liao-ku-di-dai-ma-ke-shi-hua-bian-cheng-iceworks.html" class="sidebar-link">[方案]物料库+低代码+可视化编程(iceworks)</a></li><li><a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/solution/03--fang-an--tong-gou-ying-yong-fu-wu-duan-xuan-ran-nextjs-nuxtjs.html" class="sidebar-link">[方案]同构应用+服务端渲染(Nextjs+Nuxtjs)</a></li><li><a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/solution/04--fang-an--duo-yu-yan-yu-guo-ji-hua-intl.html" class="sidebar-link">[方案]多语言与国际化(intl)</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>Template</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><section class="sidebar-group is-sub-group depth-1"><p class="sidebar-heading open"><span>Case</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/template/case/01--mo-ban-vue-element-admin-vue-plop.html" class="sidebar-link">[模板]vue-element-admin(vue+plop)</a></li><li><a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/template/case/02--mo-ban-ant-design-pro-react-umi-ts-hooks.html" class="sidebar-link">[模板]ant-design-pro(react+umi+ts+hooks)</a></li><li><a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/template/case/07--mo-ban-easyweb-jquery-layui-ie8.html" class="sidebar-link">[模板]easyweb(jquery+layui+ie8)</a></li></ul></section></li><li><a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/template/04--sheng-tai-vue--shi-yong-mo-ban.html" class="sidebar-link">[提纲]Vue-实用模板</a></li><li><a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/template/05--sheng-tai-react--shi-yong-mo-ban.html" class="sidebar-link">[提纲]React-实用模板</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="提纲-增删改查-常用片段-element-antd-layui"><a href="#提纲-增删改查-常用片段-element-antd-layui" class="header-anchor">#</a> [提纲]增删改查-常用片段(Element+Antd+Layui)</h1> <h1 id="antd-常用片段"><a href="#antd-常用片段" class="header-anchor">#</a> Antd-常用片段</h1> <ul><li>index.jsx</li></ul> <div class="language-jsx extra-class"><pre class="language-jsx"><code><span class="token keyword">import</span> React<span class="token punctuation">,</span> <span class="token punctuation">{</span>useEffect<span class="token punctuation">,</span> useState<span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&quot;react&quot;</span>
<span class="token keyword">import</span> <span class="token punctuation">{</span>Button<span class="token punctuation">,</span> Card<span class="token punctuation">,</span> Table<span class="token punctuation">,</span> message<span class="token punctuation">,</span> Modal<span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&quot;antd&quot;</span>

<span class="token keyword">import</span> <span class="token punctuation">{</span>PageHeaderWrapper<span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'@ant-design/pro-layout'</span><span class="token punctuation">;</span>
<span class="token keyword">import</span> SearchForm <span class="token keyword">from</span> <span class="token string">&quot;@/pages/system/system-character/components/SearchForm&quot;</span><span class="token punctuation">;</span>
<span class="token keyword">import</span> CreateModal <span class="token keyword">from</span> <span class="token string">&quot;@/pages/system/system-character/components/CreateModal&quot;</span><span class="token punctuation">;</span>
<span class="token keyword">import</span> UpdateModal <span class="token keyword">from</span> <span class="token string">&quot;@/pages/system/system-character/components/UpdateModal&quot;</span><span class="token punctuation">;</span>
<span class="token keyword">import</span> <span class="token punctuation">{</span>deleteBatchCharacteristic<span class="token punctuation">,</span> pageCharacteristic<span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&quot;@/services/ext&quot;</span><span class="token punctuation">;</span>

<span class="token keyword">function</span> <span class="token function">DemoIndex</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
  <span class="token keyword">const</span> <span class="token punctuation">[</span>selectedRowKeys<span class="token punctuation">,</span> setSelectedRowKeys<span class="token punctuation">]</span> <span class="token operator">=</span> <span class="token function">useState</span><span class="token punctuation">(</span><span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">)</span>
  <span class="token keyword">const</span> <span class="token punctuation">[</span>modalVisible<span class="token punctuation">,</span> setModalVisible<span class="token punctuation">]</span> <span class="token operator">=</span> <span class="token function">useState</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    create<span class="token operator">:</span> <span class="token boolean">false</span><span class="token punctuation">,</span>
    update<span class="token operator">:</span> <span class="token boolean">false</span><span class="token punctuation">,</span>
  <span class="token punctuation">}</span><span class="token punctuation">)</span>
  <span class="token keyword">const</span> <span class="token punctuation">[</span>keyword<span class="token punctuation">,</span> setKeyword<span class="token punctuation">]</span> <span class="token operator">=</span> <span class="token function">useState</span><span class="token punctuation">(</span><span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">)</span>
  <span class="token keyword">const</span> <span class="token punctuation">[</span>loading<span class="token punctuation">,</span> setLoading<span class="token punctuation">]</span> <span class="token operator">=</span> <span class="token function">useState</span><span class="token punctuation">(</span><span class="token boolean">false</span><span class="token punctuation">)</span>
  <span class="token keyword">const</span> <span class="token punctuation">[</span>pagination<span class="token punctuation">,</span> setPagination<span class="token punctuation">]</span> <span class="token operator">=</span> <span class="token function">useState</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    current<span class="token operator">:</span> <span class="token number">1</span><span class="token punctuation">,</span>
    pageSize<span class="token operator">:</span> <span class="token number">10</span><span class="token punctuation">,</span>
  <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
  <span class="token keyword">const</span> <span class="token punctuation">[</span>table<span class="token punctuation">,</span> setTable<span class="token punctuation">]</span> <span class="token operator">=</span> <span class="token function">useState</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    total<span class="token operator">:</span> <span class="token number">0</span><span class="token punctuation">,</span>
    list<span class="token operator">:</span> <span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">,</span>
  <span class="token punctuation">}</span><span class="token punctuation">)</span>
  <span class="token keyword">const</span> <span class="token punctuation">[</span>currentRecord<span class="token punctuation">,</span> setCurrentRecord<span class="token punctuation">]</span> <span class="token operator">=</span> <span class="token function">useState</span><span class="token punctuation">(</span><span class="token keyword">null</span><span class="token punctuation">)</span>

  <span class="token function">useEffect</span><span class="token punctuation">(</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    <span class="token function">fetchTable</span><span class="token punctuation">(</span><span class="token punctuation">)</span>
  <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">)</span>

  <span class="token function">useEffect</span><span class="token punctuation">(</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    <span class="token function">fetchTable</span><span class="token punctuation">(</span><span class="token punctuation">)</span>
  <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token punctuation">[</span>pagination<span class="token punctuation">,</span> keyword<span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">;</span>


  <span class="token keyword">const</span> handleModalVisible <span class="token operator">=</span> <span class="token punctuation">(</span>flag <span class="token operator">=</span> <span class="token boolean">false</span><span class="token punctuation">,</span> key <span class="token operator">=</span> <span class="token string">'create'</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    <span class="token function">setModalVisible</span><span class="token punctuation">(</span><span class="token parameter">previousState</span> <span class="token operator">=&gt;</span> <span class="token punctuation">(</span><span class="token punctuation">{</span>
      <span class="token operator">...</span>previousState<span class="token punctuation">,</span>
      <span class="token punctuation">[</span>key<span class="token punctuation">]</span><span class="token operator">:</span> <span class="token operator">!</span><span class="token operator">!</span>flag<span class="token punctuation">,</span>
    <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">)</span>
  <span class="token punctuation">}</span>

  <span class="token keyword">const</span> <span class="token function-variable function">handleRemoveBatch</span> <span class="token operator">=</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    Modal<span class="token punctuation">.</span><span class="token function">confirm</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
      title<span class="token operator">:</span> <span class="token string">'删除提示'</span><span class="token punctuation">,</span>
      content<span class="token operator">:</span> <span class="token template-string"><span class="token template-punctuation string">`</span><span class="token string">确定删除选中的</span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">${</span>selectedRowKeys<span class="token punctuation">.</span>length<span class="token interpolation-punctuation punctuation">}</span></span><span class="token string">条内容吗</span><span class="token template-punctuation string">`</span></span><span class="token punctuation">,</span>
      okText<span class="token operator">:</span> <span class="token string">'确认'</span><span class="token punctuation">,</span>
      cancelText<span class="token operator">:</span> <span class="token string">'取消'</span><span class="token punctuation">,</span>
      <span class="token function-variable function">onOk</span><span class="token operator">:</span> <span class="token keyword">async</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
        <span class="token keyword">const</span> res <span class="token operator">=</span> <span class="token keyword">await</span> <span class="token function">deleteBatchCharacteristic</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
          ids<span class="token operator">:</span> selectedRowKeys<span class="token punctuation">,</span>
        <span class="token punctuation">}</span><span class="token punctuation">)</span>

        <span class="token keyword">if</span> <span class="token punctuation">(</span>res <span class="token operator">&amp;&amp;</span> res<span class="token punctuation">.</span>code <span class="token operator">===</span> <span class="token number">0</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
          message<span class="token punctuation">.</span><span class="token function">success</span><span class="token punctuation">(</span><span class="token string">&quot;批量删除成功&quot;</span><span class="token punctuation">)</span>
          <span class="token function">fetchTable</span><span class="token punctuation">(</span><span class="token punctuation">)</span>
        <span class="token punctuation">}</span>
      <span class="token punctuation">}</span>
    <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

  <span class="token punctuation">}</span>

  <span class="token keyword">const</span> <span class="token function-variable function">fetchTable</span> <span class="token operator">=</span> <span class="token keyword">async</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    <span class="token function">setLoading</span><span class="token punctuation">(</span><span class="token boolean">true</span><span class="token punctuation">)</span>
    <span class="token keyword">const</span> res <span class="token operator">=</span> <span class="token keyword">await</span> <span class="token function">pageCharacteristic</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
      <span class="token operator">...</span>keyword<span class="token punctuation">,</span>
      <span class="token operator">...</span>pagination
    <span class="token punctuation">}</span><span class="token punctuation">)</span>

    <span class="token keyword">if</span> <span class="token punctuation">(</span>res <span class="token operator">&amp;&amp;</span> res<span class="token punctuation">.</span>code <span class="token operator">==</span> <span class="token number">0</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
      <span class="token function">setSelectedRowKeys</span><span class="token punctuation">(</span><span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">)</span>
      <span class="token function">setTable</span><span class="token punctuation">(</span>res<span class="token punctuation">.</span>data<span class="token punctuation">)</span>
    <span class="token punctuation">}</span>
    <span class="token function">setLoading</span><span class="token punctuation">(</span><span class="token boolean">false</span><span class="token punctuation">)</span>
  <span class="token punctuation">}</span>

  <span class="token comment">// 分页跳转与切换的回调</span>
  <span class="token keyword">const</span> <span class="token function-variable function">handleTableChange</span> <span class="token operator">=</span> <span class="token punctuation">(</span><span class="token parameter">current<span class="token punctuation">,</span> pageSize</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    <span class="token function">setSelectedRowKeys</span><span class="token punctuation">(</span><span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">)</span>

    <span class="token function">setPagination</span><span class="token punctuation">(</span><span class="token parameter">previousState</span> <span class="token operator">=&gt;</span> <span class="token punctuation">(</span><span class="token punctuation">{</span>
      current<span class="token punctuation">,</span>
      pageSize<span class="token operator">:</span> pageSize <span class="token operator">||</span> previousState<span class="token punctuation">.</span>pageSize<span class="token punctuation">,</span>
    <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">)</span>
  <span class="token punctuation">}</span>

  <span class="token keyword">const</span> columns <span class="token operator">=</span> <span class="token punctuation">[</span>
    <span class="token punctuation">{</span>
      title<span class="token operator">:</span> <span class="token string">'序号'</span><span class="token punctuation">,</span>
      dataIndex<span class="token operator">:</span> <span class="token string">'id'</span><span class="token punctuation">,</span>
      <span class="token function-variable function">render</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token parameter">text<span class="token punctuation">,</span> record<span class="token punctuation">,</span> index</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
        <span class="token keyword">const</span> <span class="token punctuation">{</span>
          current <span class="token operator">=</span> <span class="token number">1</span><span class="token punctuation">,</span>
          pageSize <span class="token operator">=</span> <span class="token number">10</span><span class="token punctuation">,</span>
        <span class="token punctuation">}</span> <span class="token operator">=</span> pagination
        <span class="token keyword">return</span> <span class="token punctuation">(</span>current <span class="token operator">-</span> <span class="token number">1</span><span class="token punctuation">)</span> <span class="token operator">*</span> pageSize <span class="token operator">+</span> index <span class="token operator">+</span> <span class="token number">1</span>
      <span class="token punctuation">}</span><span class="token punctuation">,</span>
    <span class="token punctuation">}</span><span class="token punctuation">,</span>
    <span class="token punctuation">{</span>
      title<span class="token operator">:</span> <span class="token string">'名称'</span><span class="token punctuation">,</span>
      dataIndex<span class="token operator">:</span> <span class="token string">'mc'</span><span class="token punctuation">,</span>
    <span class="token punctuation">}</span><span class="token punctuation">,</span>
    <span class="token punctuation">{</span>
      title<span class="token operator">:</span> <span class="token string">'编码'</span><span class="token punctuation">,</span>
      dataIndex<span class="token operator">:</span> <span class="token string">'bm'</span><span class="token punctuation">,</span>
    <span class="token punctuation">}</span><span class="token punctuation">,</span>
    <span class="token punctuation">{</span>
      title<span class="token operator">:</span> <span class="token string">'单位'</span><span class="token punctuation">,</span>
      dataIndex<span class="token operator">:</span> <span class="token string">'dw'</span><span class="token punctuation">,</span>
    <span class="token punctuation">}</span><span class="token punctuation">,</span>
    <span class="token punctuation">{</span>
      title<span class="token operator">:</span> <span class="token string">'是否包含上限'</span><span class="token punctuation">,</span>
      dataIndex<span class="token operator">:</span> <span class="token string">'hasUpper'</span><span class="token punctuation">,</span>
      <span class="token function-variable function">render</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token parameter">text</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> text <span class="token operator">===</span> <span class="token number">1</span> <span class="token operator">?</span> <span class="token string">&quot;是&quot;</span> <span class="token operator">:</span> <span class="token string">&quot;否&quot;</span>
    <span class="token punctuation">}</span><span class="token punctuation">,</span>
    <span class="token punctuation">{</span>
      title<span class="token operator">:</span> <span class="token string">'操作'</span><span class="token punctuation">,</span>
      <span class="token function-variable function">render</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token parameter">text<span class="token punctuation">,</span> record</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">
          </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>color-blue<span class="token punctuation">&quot;</span></span> <span class="token attr-name">onClick</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
            <span class="token function">setCurrentRecord</span><span class="token punctuation">(</span>record<span class="token punctuation">)</span>
            <span class="token function">handleModalVisible</span><span class="token punctuation">(</span><span class="token boolean">true</span><span class="token punctuation">,</span> <span class="token string">&quot;update&quot;</span><span class="token punctuation">)</span>
          <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">编辑</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">&gt;</span></span><span class="token plain-text">
        </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span></span><span class="token punctuation">&gt;</span></span>

    <span class="token punctuation">}</span><span class="token punctuation">,</span>
  <span class="token punctuation">]</span><span class="token punctuation">;</span>

  <span class="token comment">// 分页参数</span>
  <span class="token keyword">const</span> paginationProps <span class="token operator">=</span> <span class="token punctuation">{</span>
    showSizeChanger<span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
    showQuickJumper<span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
    <span class="token comment">// 显示总条数</span>
    <span class="token function-variable function">showTotal</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token parameter">total<span class="token punctuation">,</span> range</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token template-string"><span class="token template-punctuation string">`</span><span class="token string">第 </span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">${</span>range<span class="token punctuation">[</span><span class="token number">0</span><span class="token punctuation">]</span><span class="token interpolation-punctuation punctuation">}</span></span><span class="token string">-</span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">${</span>range<span class="token punctuation">[</span><span class="token number">1</span><span class="token punctuation">]</span><span class="token interpolation-punctuation punctuation">}</span></span><span class="token string"> 条（共 </span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">${</span>total<span class="token interpolation-punctuation punctuation">}</span></span><span class="token string"> 条）</span><span class="token template-punctuation string">`</span></span><span class="token punctuation">,</span>
    <span class="token comment">// 当前页数</span>
    current<span class="token operator">:</span> pagination<span class="token punctuation">.</span>current<span class="token punctuation">,</span>
    pageSize<span class="token operator">:</span> pagination<span class="token punctuation">.</span>pageSize<span class="token punctuation">,</span>

    <span class="token comment">// 总条数覆盖</span>
    total<span class="token operator">:</span> table<span class="token punctuation">.</span>total<span class="token punctuation">,</span>
    onChange<span class="token operator">:</span> handleTableChange<span class="token punctuation">,</span>
    onShowSizeChange<span class="token operator">:</span> handleTableChange
  <span class="token punctuation">}</span>

  <span class="token keyword">const</span> rowSelection <span class="token operator">=</span> <span class="token punctuation">{</span>
    selectedRowKeys<span class="token punctuation">,</span>
    <span class="token function-variable function">onChange</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token parameter">selectedRowKeys</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
      <span class="token function">setSelectedRowKeys</span><span class="token punctuation">(</span>selectedRowKeys<span class="token punctuation">)</span>
    <span class="token punctuation">}</span><span class="token punctuation">,</span>
  <span class="token punctuation">}</span><span class="token punctuation">;</span>


  <span class="token keyword">return</span> <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">PageHeaderWrapper</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">
    </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Card</span></span> <span class="token attr-name">bordered</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span><span class="token boolean">false</span><span class="token punctuation">}</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">

      </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">className</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span><span class="token string">&quot;clearfix&quot;</span><span class="token punctuation">}</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">

        </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">className</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span><span class="token string">&quot;float-left&quot;</span><span class="token punctuation">}</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">
          </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Button</span></span> <span class="token attr-name">icon</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>plus<span class="token punctuation">&quot;</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>primary<span class="token punctuation">&quot;</span></span>
                  <span class="token attr-name">onClick</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
                    <span class="token function">handleModalVisible</span><span class="token punctuation">(</span><span class="token boolean">true</span><span class="token punctuation">,</span> <span class="token string">&quot;create&quot;</span><span class="token punctuation">)</span>
                  <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">新建</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span><span class="token class-name">Button</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">
          </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Button</span></span> <span class="token attr-name">icon</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>delete<span class="token punctuation">&quot;</span></span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>ml-2<span class="token punctuation">&quot;</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>danger<span class="token punctuation">&quot;</span></span>
                  <span class="token attr-name">disabled</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span><span class="token operator">!</span>selectedRowKeys<span class="token punctuation">.</span>length<span class="token punctuation">}</span></span>
                  <span class="token attr-name">onClick</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
                    <span class="token function">handleRemoveBatch</span><span class="token punctuation">(</span><span class="token punctuation">)</span>
                  <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">批量删除</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span><span class="token class-name">Button</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">
        </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span><span class="token plain-text">

        </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">className</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span><span class="token string">&quot;float-right&quot;</span><span class="token punctuation">}</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">
          </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">SearchForm</span></span>
            <span class="token attr-name">handleSearch</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">(</span><span class="token parameter">keyword</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
              <span class="token function">setKeyword</span><span class="token punctuation">(</span>keyword<span class="token punctuation">)</span>
            <span class="token punctuation">}</span><span class="token punctuation">}</span></span>
          <span class="token punctuation">/&gt;</span></span><span class="token plain-text">
        </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span><span class="token plain-text">

      </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span><span class="token plain-text">

      </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Table</span></span>
        <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>small<span class="token punctuation">&quot;</span></span>
        <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>mt-3<span class="token punctuation">&quot;</span></span>
        <span class="token attr-name">bordered</span>
        <span class="token attr-name">rowSelection</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span>rowSelection<span class="token punctuation">}</span></span>
        <span class="token attr-name">dataSource</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span>table<span class="token punctuation">.</span>list<span class="token punctuation">}</span></span>
        <span class="token attr-name">rowKey</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">(</span><span class="token parameter">record</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> record<span class="token punctuation">.</span>id <span class="token operator">?</span> <span class="token punctuation">(</span>record<span class="token punctuation">.</span>id<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">toString</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">:</span> <span class="token string">'key'</span><span class="token punctuation">}</span></span>
        <span class="token attr-name">columns</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span>columns<span class="token punctuation">}</span></span>
        <span class="token attr-name">loading</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span>loading<span class="token punctuation">}</span></span>
        <span class="token attr-name">defaultExpandAllRows</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span><span class="token boolean">true</span><span class="token punctuation">}</span></span>
        <span class="token attr-name">pagination</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span>paginationProps<span class="token punctuation">}</span></span>
      <span class="token punctuation">/&gt;</span></span><span class="token plain-text">

      </span><span class="token punctuation">{</span>modalVisible<span class="token punctuation">.</span>create <span class="token operator">&amp;&amp;</span> <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">CreateModal</span></span>
        <span class="token attr-name">fetchContent</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span>fetchTable<span class="token punctuation">}</span></span>
        <span class="token attr-name">modalVisible</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span>modalVisible<span class="token punctuation">.</span>create<span class="token punctuation">}</span></span>
        <span class="token attr-name">handleModalVisible</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">(</span><span class="token parameter">flag</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
          <span class="token function">handleModalVisible</span><span class="token punctuation">(</span>flag<span class="token punctuation">,</span> <span class="token string">&quot;create&quot;</span><span class="token punctuation">)</span>
        <span class="token punctuation">}</span><span class="token punctuation">}</span></span>
      <span class="token punctuation">/&gt;</span></span><span class="token punctuation">}</span><span class="token plain-text">

      </span><span class="token punctuation">{</span>modalVisible<span class="token punctuation">.</span>update <span class="token operator">&amp;&amp;</span> currentRecord <span class="token operator">&amp;&amp;</span> <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">UpdateModal</span></span>
        <span class="token attr-name">currentRecord</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span>currentRecord<span class="token punctuation">}</span></span>
        <span class="token attr-name">fetchContent</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span>fetchTable<span class="token punctuation">}</span></span>
        <span class="token attr-name">modalVisible</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span>modalVisible<span class="token punctuation">.</span>update<span class="token punctuation">}</span></span>
        <span class="token attr-name">handleModalVisible</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">(</span><span class="token parameter">flag</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
          <span class="token function">handleModalVisible</span><span class="token punctuation">(</span>flag<span class="token punctuation">,</span> <span class="token string">&quot;update&quot;</span><span class="token punctuation">)</span>
        <span class="token punctuation">}</span><span class="token punctuation">}</span></span>
      <span class="token punctuation">/&gt;</span></span><span class="token punctuation">}</span><span class="token plain-text">


    </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span><span class="token class-name">Card</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">

  </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span><span class="token class-name">PageHeaderWrapper</span></span><span class="token punctuation">&gt;</span></span>
<span class="token punctuation">}</span>

<span class="token keyword">export</span> <span class="token keyword">default</span> DemoIndex<span class="token punctuation">;</span>
</code></pre></div><ul><li>utils/constant</li></ul> <div class="language-js extra-class"><pre class="language-js"><code><span class="token keyword">export</span> <span class="token keyword">const</span> <span class="token constant">FORM_LAYOUT_DEFAULT</span> <span class="token operator">=</span> <span class="token punctuation">{</span>
  labelCol<span class="token operator">:</span> <span class="token punctuation">{</span>span<span class="token operator">:</span> <span class="token number">8</span><span class="token punctuation">}</span><span class="token punctuation">,</span>
  wrapperCol<span class="token operator">:</span> <span class="token punctuation">{</span>span<span class="token operator">:</span> <span class="token number">16</span><span class="token punctuation">}</span><span class="token punctuation">,</span>
<span class="token punctuation">}</span>
</code></pre></div><ul><li>components/SearchForm</li></ul> <div class="language-jsx extra-class"><pre class="language-jsx"><code><span class="token keyword">import</span> React <span class="token keyword">from</span> <span class="token string">&quot;react&quot;</span>
<span class="token keyword">import</span> <span class="token punctuation">{</span>Form<span class="token punctuation">,</span> form<span class="token punctuation">,</span> Input<span class="token punctuation">,</span> Button<span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&quot;antd&quot;</span>

<span class="token keyword">function</span> <span class="token function">SearchForm</span><span class="token punctuation">(</span><span class="token parameter">props</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
  <span class="token keyword">const</span> <span class="token punctuation">{</span>form<span class="token punctuation">,</span> handleSearch<span class="token punctuation">}</span> <span class="token operator">=</span> props

  <span class="token keyword">const</span> <span class="token function-variable function">search</span> <span class="token operator">=</span> <span class="token punctuation">(</span><span class="token parameter">e</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    e<span class="token punctuation">.</span><span class="token function">preventDefault</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

    form<span class="token punctuation">.</span><span class="token function">validateFields</span><span class="token punctuation">(</span><span class="token punctuation">(</span><span class="token parameter">err<span class="token punctuation">,</span> fieldsValue</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
      <span class="token keyword">if</span> <span class="token punctuation">(</span>err<span class="token punctuation">)</span> <span class="token keyword">return</span><span class="token punctuation">;</span>

      <span class="token function">handleSearch</span><span class="token punctuation">(</span>fieldsValue<span class="token punctuation">)</span>
    <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
  <span class="token punctuation">}</span><span class="token punctuation">;</span>


  <span class="token keyword">return</span> <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Form</span></span> <span class="token attr-name">layout</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>inline<span class="token punctuation">&quot;</span></span> <span class="token attr-name">onSubmit</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span>search<span class="token punctuation">}</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">


    </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Form.Item</span></span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>名称<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">
      </span><span class="token punctuation">{</span>form<span class="token punctuation">.</span><span class="token function">getFieldDecorator</span><span class="token punctuation">(</span><span class="token string">&quot;mc&quot;</span><span class="token punctuation">)</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Input</span></span> <span class="token attr-name">allowClear</span><span class="token punctuation">/&gt;</span></span><span class="token punctuation">)</span><span class="token punctuation">}</span><span class="token plain-text">
    </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span><span class="token class-name">Form.Item</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">


    </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Form.Item</span></span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>编码<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">
      </span><span class="token punctuation">{</span>form<span class="token punctuation">.</span><span class="token function">getFieldDecorator</span><span class="token punctuation">(</span><span class="token string">&quot;bm&quot;</span><span class="token punctuation">)</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Input</span></span> <span class="token attr-name">allowClear</span><span class="token punctuation">/&gt;</span></span><span class="token punctuation">)</span><span class="token punctuation">}</span><span class="token plain-text">
    </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span><span class="token class-name">Form.Item</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">

    </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Form.Item</span></span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>单位<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">
      </span><span class="token punctuation">{</span>form<span class="token punctuation">.</span><span class="token function">getFieldDecorator</span><span class="token punctuation">(</span><span class="token string">&quot;dw&quot;</span><span class="token punctuation">)</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Input</span></span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span>width<span class="token operator">:</span> <span class="token number">100</span><span class="token punctuation">}</span><span class="token punctuation">}</span></span> <span class="token attr-name">allowClear</span><span class="token punctuation">/&gt;</span></span><span class="token punctuation">)</span><span class="token punctuation">}</span><span class="token plain-text">
    </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span><span class="token class-name">Form.Item</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">

    </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Form.Item</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">
      </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Button</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>primary<span class="token punctuation">&quot;</span></span> <span class="token attr-name">htmlType</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>submit<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">查询</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span><span class="token class-name">Button</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">
    </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span><span class="token class-name">Form.Item</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">


  </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span><span class="token class-name">Form</span></span><span class="token punctuation">&gt;</span></span>
<span class="token punctuation">}</span>

<span class="token keyword">export</span> <span class="token keyword">default</span> Form<span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">(</span>SearchForm<span class="token punctuation">)</span>
</code></pre></div><ul><li>components/CreateModal</li></ul> <div class="language-jsx extra-class"><pre class="language-jsx"><code><span class="token keyword">import</span> React <span class="token keyword">from</span> <span class="token string">&quot;react&quot;</span>
<span class="token keyword">import</span> <span class="token punctuation">{</span>Form<span class="token punctuation">,</span> Modal<span class="token punctuation">,</span> Input<span class="token punctuation">,</span> InputNumber<span class="token punctuation">,</span> Switch<span class="token punctuation">,</span> message<span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&quot;antd&quot;</span>
<span class="token keyword">import</span> <span class="token punctuation">{</span><span class="token constant">FORM_LAYOUT_DEFAULT</span><span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&quot;@/utils/constants&quot;</span><span class="token punctuation">;</span>
<span class="token keyword">import</span> <span class="token punctuation">{</span>saveCharacteristic<span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&quot;@/services/ext&quot;</span><span class="token punctuation">;</span>
<span class="token keyword">import</span> <span class="token punctuation">{</span>trim<span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&quot;lodash&quot;</span>

<span class="token keyword">function</span> <span class="token function">CreateModal</span><span class="token punctuation">(</span><span class="token parameter">props</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
  <span class="token keyword">const</span> <span class="token punctuation">{</span>handleModalVisible<span class="token punctuation">,</span> modalVisible<span class="token punctuation">,</span> form<span class="token punctuation">,</span> fetchContent<span class="token punctuation">}</span> <span class="token operator">=</span> props

  <span class="token keyword">const</span> <span class="token function-variable function">handleOk</span> <span class="token operator">=</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>

    form<span class="token punctuation">.</span><span class="token function">validateFields</span><span class="token punctuation">(</span><span class="token keyword">async</span> <span class="token punctuation">(</span><span class="token parameter">err<span class="token punctuation">,</span> fieldsValue</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
      <span class="token keyword">if</span> <span class="token punctuation">(</span>err<span class="token punctuation">)</span> <span class="token keyword">return</span><span class="token punctuation">;</span>

      <span class="token keyword">const</span> res <span class="token operator">=</span> <span class="token keyword">await</span> <span class="token function">saveCharacteristic</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
        <span class="token operator">...</span>fieldsValue<span class="token punctuation">,</span>
        bm<span class="token operator">:</span> <span class="token function">trim</span><span class="token punctuation">(</span>fieldsValue<span class="token punctuation">.</span>bm<span class="token punctuation">)</span><span class="token punctuation">,</span>
        hasUpper<span class="token operator">:</span> fieldsValue<span class="token punctuation">.</span>hasUpper <span class="token operator">?</span> <span class="token number">1</span> <span class="token operator">:</span> <span class="token number">0</span>
      <span class="token punctuation">}</span><span class="token punctuation">)</span>

      <span class="token keyword">if</span> <span class="token punctuation">(</span>res <span class="token operator">&amp;&amp;</span> res<span class="token punctuation">.</span>code <span class="token operator">===</span> <span class="token number">0</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
        message<span class="token punctuation">.</span><span class="token function">success</span><span class="token punctuation">(</span><span class="token string">&quot;新增成功&quot;</span><span class="token punctuation">)</span>
        <span class="token function">handleModalVisible</span><span class="token punctuation">(</span><span class="token boolean">false</span><span class="token punctuation">)</span>
        <span class="token function">fetchContent</span><span class="token punctuation">(</span><span class="token punctuation">)</span>
      <span class="token punctuation">}</span>

    <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>


  <span class="token punctuation">}</span>

  <span class="token keyword">return</span> <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Modal</span></span>
    <span class="token attr-name">maskClosable</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span><span class="token boolean">false</span><span class="token punctuation">}</span></span>
    <span class="token attr-name">destroyOnClose</span>
    <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>新建特征值<span class="token punctuation">&quot;</span></span>
    <span class="token attr-name">visible</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span>modalVisible<span class="token punctuation">}</span></span>
    <span class="token attr-name">onOk</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span>handleOk<span class="token punctuation">}</span></span>
    <span class="token attr-name">width</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span><span class="token number">500</span><span class="token punctuation">}</span></span>
    <span class="token attr-name">onCancel</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token function">handleModalVisible</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">}</span></span>
  <span class="token punctuation">&gt;</span></span><span class="token plain-text">

    </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Form.Item</span></span> <span class="token attr-name">{...FORM_LAYOUT_DEFAULT}</span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>名称<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">
      </span><span class="token punctuation">{</span>form<span class="token punctuation">.</span><span class="token function">getFieldDecorator</span><span class="token punctuation">(</span><span class="token string">&quot;mc&quot;</span><span class="token punctuation">,</span> <span class="token punctuation">{</span>
        rules<span class="token operator">:</span> <span class="token punctuation">[</span>
          <span class="token punctuation">{</span>required<span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span> message<span class="token operator">:</span> <span class="token string">&quot;必填&quot;</span><span class="token punctuation">}</span>
        <span class="token punctuation">]</span><span class="token punctuation">,</span>
      <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Input</span></span><span class="token punctuation">/&gt;</span></span><span class="token punctuation">)</span><span class="token punctuation">}</span><span class="token plain-text">
    </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span><span class="token class-name">Form.Item</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">

    </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Form.Item</span></span> <span class="token attr-name">{...FORM_LAYOUT_DEFAULT}</span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>编码<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">
      </span><span class="token punctuation">{</span>form<span class="token punctuation">.</span><span class="token function">getFieldDecorator</span><span class="token punctuation">(</span><span class="token string">&quot;bm&quot;</span><span class="token punctuation">,</span> <span class="token punctuation">{</span>
        rules<span class="token operator">:</span> <span class="token punctuation">[</span>
          <span class="token punctuation">{</span>required<span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span> message<span class="token operator">:</span> <span class="token string">&quot;必填&quot;</span><span class="token punctuation">}</span>
        <span class="token punctuation">]</span><span class="token punctuation">,</span>
      <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Input</span></span><span class="token punctuation">/&gt;</span></span><span class="token punctuation">)</span><span class="token punctuation">}</span><span class="token plain-text">
    </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span><span class="token class-name">Form.Item</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">

    </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Form.Item</span></span> <span class="token attr-name">{...FORM_LAYOUT_DEFAULT}</span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>单位<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">
      </span><span class="token punctuation">{</span>form<span class="token punctuation">.</span><span class="token function">getFieldDecorator</span><span class="token punctuation">(</span><span class="token string">&quot;dw&quot;</span><span class="token punctuation">,</span> <span class="token punctuation">{</span>
        rules<span class="token operator">:</span> <span class="token punctuation">[</span>
          <span class="token punctuation">{</span>required<span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span> message<span class="token operator">:</span> <span class="token string">&quot;必填&quot;</span><span class="token punctuation">}</span>
        <span class="token punctuation">]</span><span class="token punctuation">,</span>
      <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Input</span></span><span class="token punctuation">/&gt;</span></span><span class="token punctuation">)</span><span class="token punctuation">}</span><span class="token plain-text">
    </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span><span class="token class-name">Form.Item</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">

    </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Form.Item</span></span> <span class="token attr-name">{...FORM_LAYOUT_DEFAULT}</span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>是否包含上限<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">
      </span><span class="token punctuation">{</span>form<span class="token punctuation">.</span><span class="token function">getFieldDecorator</span><span class="token punctuation">(</span><span class="token string">&quot;hasUpper&quot;</span><span class="token punctuation">)</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Switch</span></span> <span class="token attr-name">checkedChildren</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>是<span class="token punctuation">&quot;</span></span> <span class="token attr-name">unCheckedChildren</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>否<span class="token punctuation">&quot;</span></span><span class="token punctuation">/&gt;</span></span><span class="token punctuation">)</span><span class="token punctuation">}</span><span class="token plain-text">
    </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span><span class="token class-name">Form.Item</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">

    </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Form.Item</span></span> <span class="token attr-name">{...FORM_LAYOUT_DEFAULT}</span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>上限<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">
      </span><span class="token punctuation">{</span>form<span class="token punctuation">.</span><span class="token function">getFieldDecorator</span><span class="token punctuation">(</span><span class="token string">&quot;upperLimit&quot;</span><span class="token punctuation">)</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">InputNumber</span></span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span>width<span class="token operator">:</span> <span class="token string">'100%'</span><span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">/&gt;</span></span><span class="token punctuation">)</span><span class="token punctuation">}</span><span class="token plain-text">
    </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span><span class="token class-name">Form.Item</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">


  </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span><span class="token class-name">Modal</span></span><span class="token punctuation">&gt;</span></span>
<span class="token punctuation">}</span>

<span class="token keyword">export</span> <span class="token keyword">default</span> Form<span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">(</span>CreateModal<span class="token punctuation">)</span>
</code></pre></div><ul><li>components/UpdateModal</li></ul> <div class="language-jsx extra-class"><pre class="language-jsx"><code><span class="token keyword">import</span> React <span class="token keyword">from</span> <span class="token string">&quot;react&quot;</span>
<span class="token keyword">import</span> <span class="token punctuation">{</span>Form<span class="token punctuation">,</span> Modal<span class="token punctuation">,</span> Input<span class="token punctuation">,</span> InputNumber<span class="token punctuation">,</span> Switch<span class="token punctuation">,</span> message<span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&quot;antd&quot;</span>
<span class="token keyword">import</span> <span class="token punctuation">{</span><span class="token constant">FORM_LAYOUT_DEFAULT</span><span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&quot;@/utils/constants&quot;</span><span class="token punctuation">;</span>
<span class="token keyword">import</span> <span class="token punctuation">{</span>updateCharacteristic<span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&quot;@/services/ext&quot;</span><span class="token punctuation">;</span>
<span class="token keyword">import</span> <span class="token punctuation">{</span>trim<span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&quot;lodash&quot;</span>

<span class="token keyword">function</span> <span class="token function">UpdateModal</span><span class="token punctuation">(</span><span class="token parameter">props</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
  <span class="token keyword">const</span> <span class="token punctuation">{</span>handleModalVisible<span class="token punctuation">,</span> modalVisible<span class="token punctuation">,</span> form<span class="token punctuation">,</span> currentRecord<span class="token punctuation">,</span> fetchContent<span class="token punctuation">}</span> <span class="token operator">=</span> props

  <span class="token keyword">const</span> <span class="token function-variable function">handleOk</span> <span class="token operator">=</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    form<span class="token punctuation">.</span><span class="token function">validateFields</span><span class="token punctuation">(</span><span class="token keyword">async</span> <span class="token punctuation">(</span><span class="token parameter">err<span class="token punctuation">,</span> fieldsValue</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
      <span class="token keyword">if</span> <span class="token punctuation">(</span>err<span class="token punctuation">)</span> <span class="token keyword">return</span><span class="token punctuation">;</span>

      <span class="token keyword">const</span> res <span class="token operator">=</span> <span class="token keyword">await</span> <span class="token function">updateCharacteristic</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
        <span class="token operator">...</span>fieldsValue<span class="token punctuation">,</span>
        bm<span class="token operator">:</span> <span class="token function">trim</span><span class="token punctuation">(</span>fieldsValue<span class="token punctuation">.</span>bm<span class="token punctuation">)</span><span class="token punctuation">,</span>
        hasUpper<span class="token operator">:</span> fieldsValue<span class="token punctuation">.</span>hasUpper <span class="token operator">?</span> <span class="token number">1</span> <span class="token operator">:</span> <span class="token number">0</span><span class="token punctuation">,</span>
        id<span class="token operator">:</span> currentRecord<span class="token punctuation">.</span>id<span class="token punctuation">,</span>
      <span class="token punctuation">}</span><span class="token punctuation">)</span>

      <span class="token keyword">if</span> <span class="token punctuation">(</span>res <span class="token operator">&amp;&amp;</span> res<span class="token punctuation">.</span>code <span class="token operator">===</span> <span class="token number">0</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
        message<span class="token punctuation">.</span><span class="token function">success</span><span class="token punctuation">(</span><span class="token string">&quot;更新成功&quot;</span><span class="token punctuation">)</span>
        <span class="token function">handleModalVisible</span><span class="token punctuation">(</span><span class="token boolean">false</span><span class="token punctuation">)</span>
        <span class="token function">fetchContent</span><span class="token punctuation">(</span><span class="token punctuation">)</span>
      <span class="token punctuation">}</span>

    <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
  <span class="token punctuation">}</span>

  <span class="token keyword">return</span> <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Modal</span></span>
    <span class="token attr-name">maskClosable</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span><span class="token boolean">false</span><span class="token punctuation">}</span></span>
    <span class="token attr-name">destroyOnClose</span>
    <span class="token attr-name">title</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span><span class="token template-string"><span class="token template-punctuation string">`</span><span class="token string">更新特征值[</span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">${</span>currentRecord<span class="token punctuation">.</span>mc<span class="token interpolation-punctuation punctuation">}</span></span><span class="token string">]</span><span class="token template-punctuation string">`</span></span><span class="token punctuation">}</span></span>
    <span class="token attr-name">visible</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span>modalVisible<span class="token punctuation">}</span></span>
    <span class="token attr-name">onOk</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span>handleOk<span class="token punctuation">}</span></span>
    <span class="token attr-name">onCancel</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token function">handleModalVisible</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">}</span></span>
  <span class="token punctuation">&gt;</span></span><span class="token plain-text">

    </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Form.Item</span></span> <span class="token attr-name">{...FORM_LAYOUT_DEFAULT}</span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>名称<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">
      </span><span class="token punctuation">{</span>form<span class="token punctuation">.</span><span class="token function">getFieldDecorator</span><span class="token punctuation">(</span><span class="token string">&quot;mc&quot;</span><span class="token punctuation">,</span> <span class="token punctuation">{</span>
        rules<span class="token operator">:</span> <span class="token punctuation">[</span>
          <span class="token punctuation">{</span>required<span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span> message<span class="token operator">:</span> <span class="token string">&quot;必填&quot;</span><span class="token punctuation">}</span>
        <span class="token punctuation">]</span><span class="token punctuation">,</span>
        initialValue<span class="token operator">:</span> currentRecord<span class="token punctuation">.</span>mc<span class="token punctuation">,</span>
      <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Input</span></span><span class="token punctuation">/&gt;</span></span><span class="token punctuation">)</span><span class="token punctuation">}</span><span class="token plain-text">
    </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span><span class="token class-name">Form.Item</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">

    </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Form.Item</span></span> <span class="token attr-name">{...FORM_LAYOUT_DEFAULT}</span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>编码<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">
      </span><span class="token punctuation">{</span>form<span class="token punctuation">.</span><span class="token function">getFieldDecorator</span><span class="token punctuation">(</span><span class="token string">&quot;bm&quot;</span><span class="token punctuation">,</span> <span class="token punctuation">{</span>
        rules<span class="token operator">:</span> <span class="token punctuation">[</span>
          <span class="token punctuation">{</span>required<span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span> message<span class="token operator">:</span> <span class="token string">&quot;必填&quot;</span><span class="token punctuation">}</span>
        <span class="token punctuation">]</span><span class="token punctuation">,</span>
        initialValue<span class="token operator">:</span> currentRecord<span class="token punctuation">.</span>bm<span class="token punctuation">,</span>
      <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Input</span></span><span class="token punctuation">/&gt;</span></span><span class="token punctuation">)</span><span class="token punctuation">}</span><span class="token plain-text">
    </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span><span class="token class-name">Form.Item</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">

    </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Form.Item</span></span> <span class="token attr-name">{...FORM_LAYOUT_DEFAULT}</span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>上限<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">
      </span><span class="token punctuation">{</span>form<span class="token punctuation">.</span><span class="token function">getFieldDecorator</span><span class="token punctuation">(</span><span class="token string">&quot;upperLimit&quot;</span><span class="token punctuation">,</span> <span class="token punctuation">{</span>
        initialValue<span class="token operator">:</span> currentRecord<span class="token punctuation">.</span>upperLimit<span class="token punctuation">,</span>
      <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">InputNumber</span></span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span>width<span class="token operator">:</span> <span class="token string">'100%'</span><span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">/&gt;</span></span><span class="token punctuation">)</span><span class="token punctuation">}</span><span class="token plain-text">
    </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span><span class="token class-name">Form.Item</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">

    </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Form.Item</span></span> <span class="token attr-name">{...FORM_LAYOUT_DEFAULT}</span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>是否包含上限<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">
      </span><span class="token punctuation">{</span>form<span class="token punctuation">.</span><span class="token function">getFieldDecorator</span><span class="token punctuation">(</span><span class="token string">&quot;hasUpper&quot;</span><span class="token punctuation">,</span> <span class="token punctuation">{</span>
        initialValue<span class="token operator">:</span> currentRecord<span class="token punctuation">.</span>hasUpper <span class="token operator">===</span> <span class="token number">1</span><span class="token punctuation">,</span>
        valuePropName<span class="token operator">:</span> <span class="token string">'checked'</span><span class="token punctuation">,</span>
      <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Switch</span></span> <span class="token attr-name">checkedChildren</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>是<span class="token punctuation">&quot;</span></span> <span class="token attr-name">unCheckedChildren</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>否<span class="token punctuation">&quot;</span></span><span class="token punctuation">/&gt;</span></span><span class="token punctuation">)</span><span class="token punctuation">}</span><span class="token plain-text">
    </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span><span class="token class-name">Form.Item</span></span><span class="token punctuation">&gt;</span></span><span class="token plain-text">

  </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span><span class="token class-name">Modal</span></span><span class="token punctuation">&gt;</span></span>
<span class="token punctuation">}</span>

<span class="token keyword">export</span> <span class="token keyword">default</span> Form<span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">(</span>UpdateModal<span class="token punctuation">)</span>
</code></pre></div><ul><li>简单的遍历</li></ul> <div class="language-js extra-class"><pre class="language-js"><code><span class="token keyword">const</span> <span class="token function-variable function">getSelectTreeKeys</span> <span class="token operator">=</span> <span class="token punctuation">(</span><span class="token parameter">data<span class="token punctuation">,</span> ids<span class="token operator">=</span><span class="token punctuation">[</span><span class="token punctuation">]</span></span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
  data<span class="token punctuation">.</span><span class="token function">map</span><span class="token punctuation">(</span><span class="token parameter">item</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    <span class="token keyword">if</span> <span class="token punctuation">(</span>item<span class="token punctuation">.</span>children<span class="token punctuation">)</span> <span class="token punctuation">{</span>
      <span class="token function">getSelectTreeKeys</span><span class="token punctuation">(</span>item<span class="token punctuation">.</span>children<span class="token punctuation">,</span> ids<span class="token punctuation">)</span>
    <span class="token punctuation">}</span> <span class="token keyword">else</span> <span class="token punctuation">{</span>
      <span class="token keyword">if</span> <span class="token punctuation">(</span>item<span class="token punctuation">.</span>selected<span class="token punctuation">)</span> <span class="token punctuation">{</span>
        ids<span class="token punctuation">.</span><span class="token function">push</span><span class="token punctuation">(</span>item<span class="token punctuation">.</span>id<span class="token punctuation">)</span>
      <span class="token punctuation">}</span>
    <span class="token punctuation">}</span>
  <span class="token punctuation">}</span><span class="token punctuation">)</span>
  <span class="token keyword">return</span> ids<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
</code></pre></div><h1 id="element-常用片段"><a href="#element-常用片段" class="header-anchor">#</a> Element-常用片段</h1> <ul><li>主页面</li></ul> <div class="language-vue extra-class"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>app-container<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>

    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-form</span> <span class="token attr-name">inline</span> <span class="token attr-name">:model</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>listQuery<span class="token punctuation">&quot;</span></span> <span class="token attr-name">:rules</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>rules<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-input</span> <span class="token attr-name">v-model.trim</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>listQuery.search<span class="token punctuation">&quot;</span></span> <span class="token attr-name">clearable</span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>small<span class="token punctuation">&quot;</span></span> <span class="token attr-name">placeholder</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>关键字<span class="token punctuation">&quot;</span></span><span class="token style-attr language-css"><span class="token attr-name"> <span class="token attr-name">style</span></span><span class="token punctuation">=&quot;</span><span class="token attr-value"><span class="token property">width</span><span class="token punctuation">:</span> 200px<span class="token punctuation">;</span></span><span class="token punctuation">&quot;</span></span><span class="token punctuation">/&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-button</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>primary<span class="token punctuation">&quot;</span></span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>small<span class="token punctuation">&quot;</span></span> <span class="token attr-name">@click</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>fetchData(true)<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>查询<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-button</span><span class="token punctuation">&gt;</span></span>

      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-divider</span> <span class="token attr-name">direction</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>vertical<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span>

      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-button</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>success<span class="token punctuation">&quot;</span></span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>small<span class="token punctuation">&quot;</span></span> <span class="token attr-name">@click</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>(flag) =&gt; { syncDialogVisible(flag, 'create') }<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>新增<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-button</span><span class="token punctuation">&gt;</span></span>

      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-divider</span> <span class="token attr-name">direction</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>vertical<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span>

      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>biz-upload</span>
        <span class="token attr-name">fileName</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>excelfile<span class="token punctuation">&quot;</span></span>
        <span class="token attr-name">accept</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>.xlsx,.xls<span class="token punctuation">&quot;</span></span>
        <span class="token attr-name">:allowedUploadType</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>allowedUploadType<span class="token punctuation">&quot;</span></span>
        <span class="token attr-name">actionUrl</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>/main/users/excel<span class="token punctuation">&quot;</span></span>
        <span class="token attr-name">uploadBtnText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>导入(xlsx格式)<span class="token punctuation">&quot;</span></span>
        <span class="token attr-name">:shouldRefreshData</span><span class="token attr-value"><span class="token punctuation">=</span>true</span>
        <span class="token attr-name">@syncRefreshData</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>fetchData<span class="token punctuation">&quot;</span></span>
        <span class="token attr-name">successMsg</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>用户信息更新成功<span class="token punctuation">&quot;</span></span>
      <span class="token punctuation">/&gt;</span></span>

      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-button</span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>small<span class="token punctuation">&quot;</span></span> <span class="token attr-name">@click</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>handleDownload<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>导入模板下载<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-button</span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-form</span><span class="token punctuation">&gt;</span></span>


    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-table</span>
      <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>mt-5<span class="token punctuation">&quot;</span></span>
      <span class="token attr-name">v-loading</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>listLoading<span class="token punctuation">&quot;</span></span>
      <span class="token attr-name">:data</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>listQuery.list<span class="token punctuation">&quot;</span></span>
      <span class="token attr-name">element-loading-text</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>Loading<span class="token punctuation">&quot;</span></span>
      <span class="token attr-name">border</span>
      <span class="token attr-name">fit</span>
      <span class="token attr-name">highlight-current-row</span><span class="token punctuation">&gt;</span></span>

      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-table-column</span> <span class="token attr-name">align</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>center<span class="token punctuation">&quot;</span></span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>ID<span class="token punctuation">&quot;</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>95<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span> <span class="token attr-name">slot-scope</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>scope<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span> {{scope.$index+(listQuery.currPage - 1) * listQuery.pageSize + 1}} <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-table-column</span><span class="token punctuation">&gt;</span></span>

      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-table-column</span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>姓名<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span> <span class="token attr-name">slot-scope</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>scope<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>{{ scope.row.trueName }}<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-table-column</span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-table-column</span> <span class="token attr-name">align</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>center<span class="token punctuation">&quot;</span></span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>是否造价工程师<span class="token punctuation">&quot;</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>120<span class="token punctuation">&quot;</span></span> <span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span> <span class="token attr-name">slot-scope</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>scope<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-tag</span> <span class="token attr-name">:type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>scope.row.isEngineer | statusFilter<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>{{ scope.row.isEngineer | statusTextFilter }}<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-tag</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-table-column</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-table-column</span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>手机号码<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span> <span class="token attr-name">slot-scope</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>scope<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>{{ scope.row.userName }}<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-table-column</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-table-column</span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>单位<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span> <span class="token attr-name">slot-scope</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>scope<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>{{ scope.row.companyName }}<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-table-column</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-table-column</span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>地区<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span> <span class="token attr-name">slot-scope</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>scope<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>{{ scope.row.areaName }}<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-table-column</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-table-column</span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>编号<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span> <span class="token attr-name">slot-scope</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>scope<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>{{ scope.row.orderNumber }}<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-table-column</span><span class="token punctuation">&gt;</span></span>

        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-table-column</span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>操作<span class="token punctuation">&quot;</span></span> <span class="token attr-name">align</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>center<span class="token punctuation">&quot;</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>230<span class="token punctuation">&quot;</span></span> <span class="token attr-name">class-name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>small-pcreateing fixed-width<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span> <span class="token attr-name">slot-scope</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>scope<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">@click</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>handleUpdate(scope.row)<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>修改<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-table-column</span><span class="token punctuation">&gt;</span></span>

    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-table</span><span class="token punctuation">&gt;</span></span>

    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>pagination</span>
        <span class="token attr-name">v-show</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>listQuery.totalCount&gt;0<span class="token punctuation">&quot;</span></span>
        <span class="token attr-name">:total</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>listQuery.totalCount<span class="token punctuation">&quot;</span></span>
        <span class="token attr-name">:page.sync</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>listQuery.currPage<span class="token punctuation">&quot;</span></span>
        <span class="token attr-name">:limit.sync</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>listQuery.pageSize<span class="token punctuation">&quot;</span></span>
        <span class="token attr-name">@pagination</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>fetchData<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span>

    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>create-info-dialog</span>
      <span class="token attr-name">v-if</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>dialogVisible.create<span class="token punctuation">&quot;</span></span>
      <span class="token attr-name">:dialogVisible</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>dialogVisible.create<span class="token punctuation">&quot;</span></span>
      <span class="token attr-name">@syncDialogVisible</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>(flag) =&gt; { syncDialogVisible(flag, 'create') }<span class="token punctuation">&quot;</span></span>
      <span class="token attr-name">@syncRefreshData</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>fetchData<span class="token punctuation">&quot;</span></span>
    <span class="token punctuation">/&gt;</span></span>

    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>update-info-dialog</span>
      <span class="token attr-name">v-if</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>dialogVisible.update<span class="token punctuation">&quot;</span></span>
      <span class="token attr-name">:dialogVisible</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>dialogVisible.update<span class="token punctuation">&quot;</span></span>
      <span class="token attr-name">:currItem</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>tempCurrentItem<span class="token punctuation">&quot;</span></span>
      <span class="token attr-name">@syncDialogVisible</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>(flag) =&gt; { syncDialogVisible(flag, 'update') }<span class="token punctuation">&quot;</span></span>
      <span class="token attr-name">@syncRefreshData</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>fetchData<span class="token punctuation">&quot;</span></span>
    <span class="token punctuation">/&gt;</span></span>


  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>

<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">&gt;</span></span><span class="token script"><span class="token language-javascript">
  <span class="token keyword">import</span> Pagination <span class="token keyword">from</span> <span class="token string">'../../components/Pagination'</span>
  <span class="token keyword">import</span> BizUpload <span class="token keyword">from</span> <span class="token string">'../../components/BizUpload'</span>

  <span class="token keyword">import</span> <span class="token punctuation">{</span><span class="token constant">ALLOWED_UPLOAD_EXCEL_TYPES</span><span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&quot;../../utils/constants&quot;</span>
  <span class="token keyword">import</span> <span class="token punctuation">{</span>pageUsers<span class="token punctuation">,</span> downloadReportUser<span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&quot;../../api/main&quot;</span>

  <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{</span>
  filters<span class="token operator">:</span> <span class="token punctuation">{</span>
    <span class="token comment">// statusFilter(status) {</span>
    <span class="token comment">//   const statusMap = {</span>
    <span class="token comment">//     0: 'gray',</span>
    <span class="token comment">//     1: 'success',</span>
    <span class="token comment">//   }</span>
    <span class="token comment">//   return statusMap[status]</span>
    <span class="token comment">// },</span>
    <span class="token comment">// statusTextFilter(type) {</span>
    <span class="token comment">//   const statusTextMap = {</span>
    <span class="token comment">//     0: '否',</span>
    <span class="token comment">//     1: '是',</span>
    <span class="token comment">//   }</span>
    <span class="token comment">//   return statusTextMap[type]</span>
    <span class="token comment">// }</span>
  <span class="token punctuation">}</span><span class="token punctuation">,</span>

  components<span class="token operator">:</span> <span class="token punctuation">{</span>
    Pagination<span class="token punctuation">,</span>
    BizUpload<span class="token punctuation">,</span>
    <span class="token comment">// 懒加载这些组件</span>
    <span class="token function-variable function">UpdateInfoDialog</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token keyword">import</span><span class="token punctuation">(</span><span class="token string">'./_dialog/UpdateInfoDialog'</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
    <span class="token function-variable function">CreateInfoDialog</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token keyword">import</span><span class="token punctuation">(</span><span class="token string">'./_dialog/CreateInfoDialog'</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
  <span class="token punctuation">}</span><span class="token punctuation">,</span>
  <span class="token function">data</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
    <span class="token keyword">return</span> <span class="token punctuation">{</span>
      <span class="token comment">// 表格加载</span>
      listLoading<span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
      
      <span class="token comment">// 糅合字段 @deprecated</span>
      listQuery<span class="token operator">:</span> <span class="token punctuation">{</span>
        <span class="token comment">// 列表</span>
        list<span class="token operator">:</span> <span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">,</span>

        <span class="token comment">// 查询关键词</span>
        search<span class="token operator">:</span> <span class="token keyword">void</span> <span class="token number">0</span><span class="token punctuation">,</span>

        <span class="token comment">// 分页信息</span>
        currPage<span class="token operator">:</span> <span class="token number">1</span><span class="token punctuation">,</span>
        pageSize<span class="token operator">:</span> <span class="token number">10</span><span class="token punctuation">,</span>
        totalPage<span class="token operator">:</span> <span class="token number">0</span><span class="token punctuation">,</span>
        totalCount<span class="token operator">:</span> <span class="token number">0</span>
      <span class="token punctuation">}</span><span class="token punctuation">,</span>
      <span class="token comment">// 上述字段应该分成list+query+pagination    </span>
      list<span class="token operator">:</span> <span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">,</span>
      pagination<span class="token operator">:</span> <span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">,</span>
      query<span class="token operator">:</span> <span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">,</span>

      rules<span class="token operator">:</span> <span class="token punctuation">{</span>
        name<span class="token operator">:</span> <span class="token punctuation">[</span>
          <span class="token punctuation">{</span> required<span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span> message<span class="token operator">:</span> <span class="token string">'必填'</span><span class="token punctuation">,</span> trigger<span class="token operator">:</span> <span class="token string">'blur'</span> <span class="token punctuation">}</span>
        <span class="token punctuation">]</span>
      <span class="token punctuation">}</span><span class="token punctuation">,</span>

      <span class="token comment">// 上传文件类型</span>
      allowedUploadType<span class="token operator">:</span> <span class="token constant">ALLOWED_UPLOAD_EXCEL_TYPES</span><span class="token punctuation">,</span>

      <span class="token comment">// 当前项</span>
      tempCurrentItem<span class="token operator">:</span> <span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">,</span>
      <span class="token comment">// 弹框显示控制</span>
      dialogVisible<span class="token operator">:</span> <span class="token punctuation">{</span>
        update<span class="token operator">:</span> <span class="token boolean">false</span><span class="token punctuation">,</span>
        create<span class="token operator">:</span> <span class="token boolean">false</span><span class="token punctuation">,</span>
      <span class="token punctuation">}</span><span class="token punctuation">,</span>
    <span class="token punctuation">}</span>
  <span class="token punctuation">}</span><span class="token punctuation">,</span>
  
  <span class="token function">created</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
    <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">fetchData</span><span class="token punctuation">(</span><span class="token boolean">true</span><span class="token punctuation">)</span>
  <span class="token punctuation">}</span><span class="token punctuation">,</span>

  methods<span class="token operator">:</span> <span class="token punctuation">{</span>
    <span class="token function">fetchData</span><span class="token punctuation">(</span><span class="token parameter">shouldReset<span class="token operator">=</span><span class="token boolean">false</span></span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
      <span class="token keyword">this</span><span class="token punctuation">.</span>listLoading <span class="token operator">=</span> <span class="token boolean">true</span>

      <span class="token comment">// 删除无关的查询关键词</span>
      <span class="token comment">// delete this.listQuery.list</span>
      <span class="token keyword">const</span> query <span class="token operator">=</span> Object<span class="token punctuation">.</span><span class="token function">assign</span><span class="token punctuation">(</span><span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token keyword">this</span><span class="token punctuation">.</span>listQuery<span class="token punctuation">,</span> <span class="token punctuation">{</span> list<span class="token operator">:</span> <span class="token keyword">void</span> <span class="token number">0</span> <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
      <span class="token keyword">if</span> <span class="token punctuation">(</span>shouldReset<span class="token punctuation">)</span> <span class="token punctuation">{</span>
        query<span class="token punctuation">.</span>currPage <span class="token operator">=</span> <span class="token number">1</span>
      <span class="token punctuation">}</span>

      <span class="token function">pageUsers</span><span class="token punctuation">(</span>query<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">then</span><span class="token punctuation">(</span><span class="token parameter">response</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
        Object<span class="token punctuation">.</span><span class="token function">assign</span><span class="token punctuation">(</span><span class="token keyword">this</span><span class="token punctuation">.</span>listQuery<span class="token punctuation">,</span> response<span class="token punctuation">)</span>
        <span class="token comment">// 建议拆分如下</span>
        <span class="token comment">// this.list = response.data.list</span>
        <span class="token comment">// this.pagination = response.data.pagination </span>

        <span class="token keyword">this</span><span class="token punctuation">.</span>listLoading <span class="token operator">=</span> <span class="token boolean">false</span>
      <span class="token punctuation">}</span><span class="token punctuation">)</span>
    <span class="token punctuation">}</span><span class="token punctuation">,</span>

    <span class="token function">handleUpdate</span><span class="token punctuation">(</span><span class="token parameter">row</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
      <span class="token comment">// 复制一份, 防止被修改??</span>
      <span class="token keyword">this</span><span class="token punctuation">.</span>tempCurrentItem <span class="token operator">=</span> Object<span class="token punctuation">.</span><span class="token function">assign</span><span class="token punctuation">(</span><span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">,</span> row<span class="token punctuation">)</span>

      <span class="token comment">// Object.assign(this.dialogVisible, { update: true })</span>
      <span class="token keyword">this</span><span class="token punctuation">.</span>dialogVisible<span class="token punctuation">.</span>update <span class="token operator">=</span> <span class="token boolean">true</span> 
    <span class="token punctuation">}</span><span class="token punctuation">,</span>

    <span class="token function">handleDownload</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
      <span class="token function">downloadReportUser</span><span class="token punctuation">(</span><span class="token punctuation">)</span>
    <span class="token punctuation">}</span><span class="token punctuation">,</span>

    <span class="token function">syncDialogVisible</span> <span class="token punctuation">(</span><span class="token parameter">flag<span class="token punctuation">,</span> type</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
      <span class="token comment">// Object.assign(this.dialogVisible, { [type]: !!flag })</span>
      <span class="token comment">// this.$set(this.dialogVisible, type, !!flag)</span>
      <span class="token keyword">this</span><span class="token punctuation">.</span>dialogVisible<span class="token punctuation">[</span>type<span class="token punctuation">]</span> <span class="token operator">=</span> <span class="token operator">!</span><span class="token operator">!</span>flag
    <span class="token punctuation">}</span><span class="token punctuation">,</span>

  <span class="token punctuation">}</span><span class="token punctuation">,</span>

<span class="token punctuation">}</span>
</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>
</code></pre></div><ul><li>新增弹框</li></ul> <div class="language-vue extra-class"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">&gt;</span></span>

    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-dialog</span>
      <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>新增<span class="token punctuation">&quot;</span></span>
      <span class="token attr-name">:visible</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>dialogVisible<span class="token punctuation">&quot;</span></span>
      <span class="token attr-name">:closeOnClickModal</span><span class="token attr-value"><span class="token punctuation">=</span>false</span>
      <span class="token attr-name">:lock-scroll</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>false<span class="token punctuation">&quot;</span></span>
      <span class="token attr-name">@close</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>$emit('syncDialogVisible', false)<span class="token punctuation">&quot;</span></span>
      <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>500px<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>

      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-form</span>
        <span class="token attr-name">ref</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>dataForm<span class="token punctuation">&quot;</span></span>
        <span class="token attr-name">:rules</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>rules<span class="token punctuation">&quot;</span></span>
        <span class="token attr-name">:model</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>currItem<span class="token punctuation">&quot;</span></span>
        <span class="token attr-name">label-position</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>left<span class="token punctuation">&quot;</span></span>
        <span class="token attr-name">label-width</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>110px<span class="token punctuation">&quot;</span></span><span class="token style-attr language-css"><span class="token attr-name">
        <span class="token attr-name">style</span></span><span class="token punctuation">=&quot;</span><span class="token attr-value"><span class="token property">width</span><span class="token punctuation">:</span> 410px<span class="token punctuation">;</span> </span><span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>

        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-form-item</span> <span class="token attr-name">:label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span><span class="token punctuation">'</span>用户名'<span class="token punctuation">&quot;</span></span> <span class="token attr-name">prop</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>trueName<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-input</span> <span class="token attr-name">v-model</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>currItem.trueName<span class="token punctuation">&quot;</span></span><span class="token style-attr language-css"><span class="token attr-name"> <span class="token attr-name">style</span></span><span class="token punctuation">=&quot;</span><span class="token attr-value"><span class="token property">width</span><span class="token punctuation">:</span> 300px<span class="token punctuation">;</span></span><span class="token punctuation">&quot;</span></span><span class="token punctuation">/&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-form-item</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-form-item</span> <span class="token attr-name">:label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span><span class="token punctuation">'</span>手机号'<span class="token punctuation">&quot;</span></span> <span class="token attr-name">prop</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>userName<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-input</span> <span class="token attr-name">v-model</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>currItem.userName<span class="token punctuation">&quot;</span></span><span class="token style-attr language-css"><span class="token attr-name"> <span class="token attr-name">style</span></span><span class="token punctuation">=&quot;</span><span class="token attr-value"><span class="token property">width</span><span class="token punctuation">:</span> 300px<span class="token punctuation">;</span></span><span class="token punctuation">&quot;</span></span><span class="token punctuation">/&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-form-item</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-form-item</span> <span class="token attr-name">:label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span><span class="token punctuation">'</span>公司'<span class="token punctuation">&quot;</span></span> <span class="token attr-name">prop</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>companyName<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-input</span> <span class="token attr-name">v-model</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>currItem.companyName<span class="token punctuation">&quot;</span></span><span class="token style-attr language-css"><span class="token attr-name"> <span class="token attr-name">style</span></span><span class="token punctuation">=&quot;</span><span class="token attr-value"><span class="token property">width</span><span class="token punctuation">:</span> 300px<span class="token punctuation">;</span></span><span class="token punctuation">&quot;</span></span><span class="token punctuation">/&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-form-item</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-form-item</span> <span class="token attr-name">:label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span><span class="token punctuation">'</span>地区'<span class="token punctuation">&quot;</span></span> <span class="token attr-name">prop</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>areaName<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-input</span> <span class="token attr-name">v-model</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>currItem.areaName<span class="token punctuation">&quot;</span></span><span class="token style-attr language-css"><span class="token attr-name"> <span class="token attr-name">style</span></span><span class="token punctuation">=&quot;</span><span class="token attr-value"><span class="token property">width</span><span class="token punctuation">:</span> 300px<span class="token punctuation">;</span></span><span class="token punctuation">&quot;</span></span><span class="token punctuation">/&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-form-item</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-form-item</span> <span class="token attr-name">:label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span><span class="token punctuation">'</span>编号'<span class="token punctuation">&quot;</span></span> <span class="token attr-name">prop</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>orderNumber<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-input-number</span> <span class="token attr-name">v-model</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>currItem.orderNumber<span class="token punctuation">&quot;</span></span> <span class="token attr-name">:min</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>1<span class="token punctuation">&quot;</span></span><span class="token style-attr language-css"><span class="token attr-name">  <span class="token attr-name">style</span></span><span class="token punctuation">=&quot;</span><span class="token attr-value"><span class="token property">width</span><span class="token punctuation">:</span> 300px<span class="token punctuation">;</span></span><span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-input-number</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-form-item</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-form-item</span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>是否造价师<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
          <span class="token comment">&lt;!--  @fix active-value前必须加: --&gt;</span>
          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-switch</span> <span class="token attr-name">:active-value</span><span class="token attr-value"><span class="token punctuation">=</span>1</span> <span class="token attr-name">:inactive-value</span><span class="token attr-value"><span class="token punctuation">=</span>0</span> <span class="token attr-name">v-model</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>currItem.isEngineer<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-form-item</span><span class="token punctuation">&gt;</span></span>

      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-form</span><span class="token punctuation">&gt;</span></span>

      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">slot</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>footer<span class="token punctuation">&quot;</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>dialog-footer<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-button</span> <span class="token attr-name">@click</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>$emit('syncDialogVisible', false)<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>关闭<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-button</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-button</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>primary<span class="token punctuation">&quot;</span></span> <span class="token attr-name">@click</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>handleSubmit<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>确定<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-button</span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-dialog</span><span class="token punctuation">&gt;</span></span>


<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>


<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">&gt;</span></span><span class="token script"><span class="token language-javascript">
  <span class="token keyword">import</span> <span class="token punctuation">{</span>createUsers<span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&quot;../../../api/main&quot;</span><span class="token punctuation">;</span>

  <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{</span>
    name<span class="token operator">:</span> <span class="token string">&quot;CreateInfoDialog&quot;</span><span class="token punctuation">,</span>
    props<span class="token operator">:</span> <span class="token punctuation">{</span>
      <span class="token comment">// 弹框开关</span>
      dialogVisible<span class="token operator">:</span> <span class="token boolean">false</span><span class="token punctuation">,</span>
    <span class="token punctuation">}</span><span class="token punctuation">,</span>
    <span class="token function">data</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
      <span class="token keyword">return</span> <span class="token punctuation">{</span>
        currItem<span class="token operator">:</span> <span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">,</span>

        <span class="token comment">// 校验规则</span>
        rules<span class="token operator">:</span> <span class="token punctuation">{</span>
          trueName<span class="token operator">:</span> <span class="token punctuation">[</span><span class="token punctuation">{</span>required<span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span> message<span class="token operator">:</span> <span class="token string">'必填项！'</span><span class="token punctuation">,</span> trigger<span class="token operator">:</span> <span class="token string">'blur'</span><span class="token punctuation">}</span><span class="token punctuation">]</span><span class="token punctuation">,</span>
          userName<span class="token operator">:</span> <span class="token punctuation">[</span><span class="token punctuation">{</span>required<span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span> message<span class="token operator">:</span> <span class="token string">'必填项！'</span><span class="token punctuation">,</span> trigger<span class="token operator">:</span> <span class="token string">'blur'</span><span class="token punctuation">}</span><span class="token punctuation">]</span><span class="token punctuation">,</span>
          companyName<span class="token operator">:</span> <span class="token punctuation">[</span><span class="token punctuation">{</span>required<span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span> message<span class="token operator">:</span> <span class="token string">'必填项！'</span><span class="token punctuation">,</span> trigger<span class="token operator">:</span> <span class="token string">'blur'</span><span class="token punctuation">}</span><span class="token punctuation">]</span><span class="token punctuation">,</span>
          orderNumber<span class="token operator">:</span> <span class="token punctuation">[</span><span class="token punctuation">{</span>required<span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span> message<span class="token operator">:</span> <span class="token string">'必填项！'</span><span class="token punctuation">,</span> trigger<span class="token operator">:</span> <span class="token string">'blur'</span><span class="token punctuation">}</span><span class="token punctuation">]</span><span class="token punctuation">,</span>
        <span class="token punctuation">}</span><span class="token punctuation">,</span>
      <span class="token punctuation">}</span>
    <span class="token punctuation">}</span><span class="token punctuation">,</span>
    methods<span class="token operator">:</span> <span class="token punctuation">{</span>
      <span class="token function">handleSubmit</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
        <span class="token keyword">this</span><span class="token punctuation">.</span>$refs<span class="token punctuation">[</span><span class="token string">'dataForm'</span><span class="token punctuation">]</span><span class="token punctuation">.</span><span class="token function">validate</span><span class="token punctuation">(</span><span class="token punctuation">(</span><span class="token parameter">valid</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>

          <span class="token keyword">if</span> <span class="token punctuation">(</span>valid<span class="token punctuation">)</span> <span class="token punctuation">{</span>

            <span class="token function">createUsers</span><span class="token punctuation">(</span><span class="token keyword">this</span><span class="token punctuation">.</span>currItem<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">then</span><span class="token punctuation">(</span><span class="token parameter">res</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
              <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">$emit</span><span class="token punctuation">(</span><span class="token string">'syncDialogVisible'</span><span class="token punctuation">,</span> <span class="token boolean">false</span><span class="token punctuation">,</span> <span class="token string">'create'</span><span class="token punctuation">)</span>
              <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">$emit</span><span class="token punctuation">(</span><span class="token string">'syncRefreshData'</span><span class="token punctuation">)</span>
              <span class="token keyword">this</span><span class="token punctuation">.</span>$message<span class="token punctuation">.</span><span class="token function">success</span><span class="token punctuation">(</span><span class="token string">'新增成功'</span><span class="token punctuation">)</span>
            <span class="token punctuation">}</span><span class="token punctuation">)</span>

          <span class="token punctuation">}</span>

        <span class="token punctuation">}</span><span class="token punctuation">)</span>
      <span class="token punctuation">}</span>
    <span class="token punctuation">}</span>
  <span class="token punctuation">}</span>
</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>
</code></pre></div><ul><li>编辑弹框</li></ul> <div class="language-vue extra-class"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">&gt;</span></span>

    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-dialog</span>
      <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>修改<span class="token punctuation">&quot;</span></span>
      <span class="token attr-name">:visible</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>dialogVisible<span class="token punctuation">&quot;</span></span>
      <span class="token attr-name">:closeOnClickModal</span><span class="token attr-value"><span class="token punctuation">=</span>false</span>
      <span class="token attr-name">:lock-scroll</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>false<span class="token punctuation">&quot;</span></span>
      <span class="token attr-name">@close</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>$emit('syncDialogVisible', false)<span class="token punctuation">&quot;</span></span>
      <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>500px<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>

      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-form</span>
        <span class="token attr-name">ref</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>dataForm<span class="token punctuation">&quot;</span></span>
        <span class="token attr-name">:rules</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>rules<span class="token punctuation">&quot;</span></span>
        <span class="token attr-name">:model</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>currItem<span class="token punctuation">&quot;</span></span>
        <span class="token attr-name">label-position</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>left<span class="token punctuation">&quot;</span></span>
        <span class="token attr-name">label-width</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>110px<span class="token punctuation">&quot;</span></span><span class="token style-attr language-css"><span class="token attr-name">
        <span class="token attr-name">style</span></span><span class="token punctuation">=&quot;</span><span class="token attr-value"><span class="token property">width</span><span class="token punctuation">:</span> 410px<span class="token punctuation">;</span> </span><span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>

        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-form-item</span> <span class="token attr-name">:label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span><span class="token punctuation">'</span>用户名'<span class="token punctuation">&quot;</span></span> <span class="token attr-name">prop</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>trueName<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-input</span> <span class="token attr-name">v-model</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>currItem.trueName<span class="token punctuation">&quot;</span></span><span class="token style-attr language-css"><span class="token attr-name"> <span class="token attr-name">style</span></span><span class="token punctuation">=&quot;</span><span class="token attr-value"><span class="token property">width</span><span class="token punctuation">:</span> 300px<span class="token punctuation">;</span></span><span class="token punctuation">&quot;</span></span><span class="token punctuation">/&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-form-item</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-form-item</span> <span class="token attr-name">:label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span><span class="token punctuation">'</span>手机号'<span class="token punctuation">&quot;</span></span> <span class="token attr-name">prop</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>userName<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-input</span> <span class="token attr-name">v-model</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>currItem.userName<span class="token punctuation">&quot;</span></span><span class="token style-attr language-css"><span class="token attr-name"> <span class="token attr-name">style</span></span><span class="token punctuation">=&quot;</span><span class="token attr-value"><span class="token property">width</span><span class="token punctuation">:</span> 300px<span class="token punctuation">;</span></span><span class="token punctuation">&quot;</span></span><span class="token punctuation">/&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-form-item</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-form-item</span> <span class="token attr-name">:label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span><span class="token punctuation">'</span>公司'<span class="token punctuation">&quot;</span></span> <span class="token attr-name">prop</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>companyName<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-input</span> <span class="token attr-name">v-model</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>currItem.companyName<span class="token punctuation">&quot;</span></span><span class="token style-attr language-css"><span class="token attr-name"> <span class="token attr-name">style</span></span><span class="token punctuation">=&quot;</span><span class="token attr-value"><span class="token property">width</span><span class="token punctuation">:</span> 300px<span class="token punctuation">;</span></span><span class="token punctuation">&quot;</span></span><span class="token punctuation">/&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-form-item</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-form-item</span> <span class="token attr-name">:label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span><span class="token punctuation">'</span>地区'<span class="token punctuation">&quot;</span></span> <span class="token attr-name">prop</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>areaName<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-input</span> <span class="token attr-name">v-model</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>currItem.areaName<span class="token punctuation">&quot;</span></span><span class="token style-attr language-css"><span class="token attr-name"> <span class="token attr-name">style</span></span><span class="token punctuation">=&quot;</span><span class="token attr-value"><span class="token property">width</span><span class="token punctuation">:</span> 300px<span class="token punctuation">;</span></span><span class="token punctuation">&quot;</span></span><span class="token punctuation">/&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-form-item</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-form-item</span> <span class="token attr-name">:label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span><span class="token punctuation">'</span>编号'<span class="token punctuation">&quot;</span></span> <span class="token attr-name">prop</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>orderNumber<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-input-number</span> <span class="token attr-name">v-model</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>currItem.orderNumber<span class="token punctuation">&quot;</span></span> <span class="token attr-name">:min</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>1<span class="token punctuation">&quot;</span></span><span class="token style-attr language-css"><span class="token attr-name">  <span class="token attr-name">style</span></span><span class="token punctuation">=&quot;</span><span class="token attr-value"><span class="token property">width</span><span class="token punctuation">:</span> 300px<span class="token punctuation">;</span></span><span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-input-number</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-form-item</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-form-item</span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>是否造价师<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
          <span class="token comment">&lt;!--  @fix active-value前必须加: --&gt;</span>
          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-switch</span> <span class="token attr-name">:active-value</span><span class="token attr-value"><span class="token punctuation">=</span>1</span> <span class="token attr-name">:inactive-value</span><span class="token attr-value"><span class="token punctuation">=</span>0</span> <span class="token attr-name">v-model</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>currItem.isEngineer<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-form-item</span><span class="token punctuation">&gt;</span></span>

      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-form</span><span class="token punctuation">&gt;</span></span>

      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">slot</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>footer<span class="token punctuation">&quot;</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>dialog-footer<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-button</span> <span class="token attr-name">@click</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>$emit('syncDialogVisible', false)<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>关闭<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-button</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-button</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>primary<span class="token punctuation">&quot;</span></span> <span class="token attr-name">@click</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>handleSubmit<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>确定<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-button</span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-dialog</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>


<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">&gt;</span></span><span class="token script"><span class="token language-javascript">
  <span class="token keyword">import</span> <span class="token punctuation">{</span> updateUsers <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&quot;../../../api/main&quot;</span><span class="token punctuation">;</span>

  <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{</span>
    name<span class="token operator">:</span> <span class="token string">&quot;UpdateInfoDialog&quot;</span><span class="token punctuation">,</span>
    props<span class="token operator">:</span> <span class="token punctuation">{</span>
      <span class="token comment">// 弹框开关</span>
      dialogVisible<span class="token operator">:</span> <span class="token boolean">false</span><span class="token punctuation">,</span>

      <span class="token comment">// 当前培训</span>
      currItem<span class="token operator">:</span> <span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">,</span>
    <span class="token punctuation">}</span><span class="token punctuation">,</span>
    <span class="token function">data</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
      <span class="token keyword">return</span> <span class="token punctuation">{</span>
        <span class="token comment">// 校验规则</span>
        rules<span class="token operator">:</span> <span class="token punctuation">{</span>
          trueName<span class="token operator">:</span> <span class="token punctuation">[</span><span class="token punctuation">{</span>required<span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span> message<span class="token operator">:</span> <span class="token string">'必填项！'</span><span class="token punctuation">,</span> trigger<span class="token operator">:</span> <span class="token string">'blur'</span><span class="token punctuation">}</span><span class="token punctuation">]</span><span class="token punctuation">,</span>
          userName<span class="token operator">:</span> <span class="token punctuation">[</span><span class="token punctuation">{</span>required<span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span> message<span class="token operator">:</span> <span class="token string">'必填项！'</span><span class="token punctuation">,</span> trigger<span class="token operator">:</span> <span class="token string">'blur'</span><span class="token punctuation">}</span><span class="token punctuation">]</span><span class="token punctuation">,</span>
          companyName<span class="token operator">:</span> <span class="token punctuation">[</span><span class="token punctuation">{</span>required<span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span> message<span class="token operator">:</span> <span class="token string">'必填项！'</span><span class="token punctuation">,</span> trigger<span class="token operator">:</span> <span class="token string">'blur'</span><span class="token punctuation">}</span><span class="token punctuation">]</span><span class="token punctuation">,</span>
          orderNumber<span class="token operator">:</span> <span class="token punctuation">[</span><span class="token punctuation">{</span>required<span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span> message<span class="token operator">:</span> <span class="token string">'必填项！'</span><span class="token punctuation">,</span> trigger<span class="token operator">:</span> <span class="token string">'blur'</span><span class="token punctuation">}</span><span class="token punctuation">]</span><span class="token punctuation">,</span>
        <span class="token punctuation">}</span><span class="token punctuation">,</span>
      <span class="token punctuation">}</span>
    <span class="token punctuation">}</span><span class="token punctuation">,</span>
    methods<span class="token operator">:</span> <span class="token punctuation">{</span>
      <span class="token function">handleSubmit</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
        <span class="token keyword">this</span><span class="token punctuation">.</span>$refs<span class="token punctuation">[</span><span class="token string">'dataForm'</span><span class="token punctuation">]</span><span class="token punctuation">.</span><span class="token function">validate</span><span class="token punctuation">(</span><span class="token punctuation">(</span><span class="token parameter">valid</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>

          <span class="token keyword">if</span> <span class="token punctuation">(</span>valid<span class="token punctuation">)</span> <span class="token punctuation">{</span>
            <span class="token comment">// 格式转换</span>
            <span class="token comment">// this.currItem.isEngineer = this.currItem.isEngineer ? 1 : 0</span>

            <span class="token function">updateUsers</span><span class="token punctuation">(</span><span class="token keyword">this</span><span class="token punctuation">.</span>currItem<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">then</span><span class="token punctuation">(</span><span class="token parameter">res</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
              <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">$emit</span><span class="token punctuation">(</span><span class="token string">'syncDialogVisible'</span><span class="token punctuation">,</span> <span class="token boolean">false</span><span class="token punctuation">,</span> <span class="token string">'update'</span><span class="token punctuation">)</span>
              <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">$emit</span><span class="token punctuation">(</span><span class="token string">'syncRefreshData'</span><span class="token punctuation">)</span>
              <span class="token keyword">this</span><span class="token punctuation">.</span>$message<span class="token punctuation">.</span><span class="token function">success</span><span class="token punctuation">(</span><span class="token string">'修改成功'</span><span class="token punctuation">)</span>
            <span class="token punctuation">}</span><span class="token punctuation">)</span>

          <span class="token punctuation">}</span>

        <span class="token punctuation">}</span><span class="token punctuation">)</span>
      <span class="token punctuation">}</span>
    <span class="token punctuation">}</span>
  <span class="token punctuation">}</span>
</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>
</code></pre></div><ul><li>上传组件简单封装</li></ul> <div class="language-vue extra-class"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-upload</span>
      <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>inline-block<span class="token punctuation">&quot;</span></span>
      <span class="token attr-name">ref</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>upload<span class="token punctuation">&quot;</span></span>
      <span class="token attr-name">:data</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>uploadData<span class="token punctuation">&quot;</span></span>
      <span class="token attr-name">:show-file-list</span><span class="token attr-value"><span class="token punctuation">=</span>false</span>
      <span class="token attr-name">:headers</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>getBearTokenHeader()<span class="token punctuation">&quot;</span></span>
      <span class="token attr-name">:name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>fileName<span class="token punctuation">&quot;</span></span>
      <span class="token attr-name">:accept</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>accept<span class="token punctuation">&quot;</span></span>
      <span class="token attr-name">:before-upload</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>handleBeforeUpload<span class="token punctuation">&quot;</span></span>
      <span class="token attr-name">:on-success</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>handleUploadSuccess<span class="token punctuation">&quot;</span></span>
      <span class="token attr-name">:action</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>getUploadURL(actionUrl)<span class="token punctuation">&quot;</span></span>
      <span class="token attr-name">:auto-upload</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>autoUpload<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>

      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-button</span> <span class="token attr-name">slot</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>trigger<span class="token punctuation">&quot;</span></span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>small<span class="token punctuation">&quot;</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>primary<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>{{ uploadBtnText }}<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-button</span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-button</span> <span class="token attr-name">v-if</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>!autoUpload<span class="token punctuation">&quot;</span></span><span class="token style-attr language-css"><span class="token attr-name"> <span class="token attr-name">style</span></span><span class="token punctuation">=&quot;</span><span class="token attr-value"><span class="token property">margin-left</span><span class="token punctuation">:</span> 10px<span class="token punctuation">;</span></span><span class="token punctuation">&quot;</span></span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>small<span class="token punctuation">&quot;</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>success<span class="token punctuation">&quot;</span></span> <span class="token attr-name">@click</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>handleSubmitUpload<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>上传<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-button</span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-upload</span><span class="token punctuation">&gt;</span></span>

<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>

<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">&gt;</span></span><span class="token script"><span class="token language-javascript">
  <span class="token keyword">import</span> <span class="token punctuation">{</span>getUploadUrl<span class="token punctuation">,</span> isTypeAllowed<span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&quot;../../utils/biz&quot;</span><span class="token punctuation">;</span>
  <span class="token keyword">import</span> <span class="token punctuation">{</span><span class="token constant">ALLOWED_UPLOAD_TYPES</span><span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&quot;../../utils/constants&quot;</span><span class="token punctuation">;</span>
  <span class="token keyword">import</span> <span class="token punctuation">{</span>getBearerToken<span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&quot;../../utils/auth&quot;</span><span class="token punctuation">;</span>

  <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{</span>
    props<span class="token operator">:</span> <span class="token punctuation">{</span>
      <span class="token comment">// 允许刷新 则this.$emit('syncRefreshData')</span>
      shouldRefreshData<span class="token operator">:</span> <span class="token punctuation">{</span>
        type<span class="token operator">:</span> Boolean<span class="token punctuation">,</span>
        <span class="token keyword">default</span><span class="token operator">:</span> <span class="token boolean">false</span><span class="token punctuation">,</span>
      <span class="token punctuation">}</span><span class="token punctuation">,</span>
      successMsg<span class="token operator">:</span> <span class="token punctuation">{</span>
        type<span class="token operator">:</span> String<span class="token punctuation">,</span>
        <span class="token keyword">default</span><span class="token operator">:</span> <span class="token string">'数据更新成功'</span><span class="token punctuation">,</span>
      <span class="token punctuation">}</span><span class="token punctuation">,</span>
      <span class="token comment">// 允许上传的文件格式</span>
      accept<span class="token operator">:</span> <span class="token punctuation">{</span>
        type<span class="token operator">:</span> String<span class="token punctuation">,</span>
        <span class="token keyword">default</span><span class="token operator">:</span> <span class="token string">'.jpg,.jpeg,.gif,.xls,.xlsx,.pdf,.doc,.docx'</span><span class="token punctuation">,</span>
      <span class="token punctuation">}</span><span class="token punctuation">,</span>
      allowedUploadType<span class="token operator">:</span> <span class="token punctuation">{</span>
        type<span class="token operator">:</span> Array<span class="token punctuation">,</span>
        <span class="token keyword">default</span><span class="token operator">:</span> <span class="token constant">ALLOWED_UPLOAD_TYPES</span>
      <span class="token punctuation">}</span><span class="token punctuation">,</span>
      fileName<span class="token operator">:</span> <span class="token punctuation">{</span>
        type<span class="token operator">:</span> String<span class="token punctuation">,</span>
        <span class="token keyword">default</span><span class="token operator">:</span> <span class="token string">'excelfile'</span><span class="token punctuation">,</span>
      <span class="token punctuation">}</span><span class="token punctuation">,</span>
      uploadData<span class="token operator">:</span> <span class="token punctuation">{</span>
        <span class="token function-variable function">default</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span><span class="token punctuation">}</span>
      <span class="token punctuation">}</span><span class="token punctuation">,</span>
      actionUrl<span class="token operator">:</span> <span class="token punctuation">{</span>
        type<span class="token operator">:</span> String<span class="token punctuation">,</span>
        required<span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
      <span class="token punctuation">}</span><span class="token punctuation">,</span>
      autoUpload<span class="token operator">:</span> <span class="token punctuation">{</span>
        type<span class="token operator">:</span> Boolean<span class="token punctuation">,</span>
        <span class="token keyword">default</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
      <span class="token punctuation">}</span><span class="token punctuation">,</span>
      uploadBtnText<span class="token operator">:</span> <span class="token punctuation">{</span>
        type<span class="token operator">:</span> String<span class="token punctuation">,</span>
        <span class="token keyword">default</span><span class="token operator">:</span> <span class="token string">'导入数据'</span>
      <span class="token punctuation">}</span>
    <span class="token punctuation">}</span><span class="token punctuation">,</span>
    components<span class="token operator">:</span> <span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">,</span>
    <span class="token function">data</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
      <span class="token keyword">return</span> <span class="token punctuation">{</span>
        <span class="token comment">// 上传文件</span>
        file<span class="token operator">:</span> <span class="token keyword">null</span><span class="token punctuation">,</span>
      <span class="token punctuation">}</span>
    <span class="token punctuation">}</span><span class="token punctuation">,</span>
    <span class="token function">created</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>

    <span class="token punctuation">}</span><span class="token punctuation">,</span>
    methods<span class="token operator">:</span> <span class="token punctuation">{</span>
      <span class="token function">handleSubmitUpload</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
        <span class="token keyword">this</span><span class="token punctuation">.</span>$refs<span class="token punctuation">.</span>upload<span class="token punctuation">.</span><span class="token function">submit</span><span class="token punctuation">(</span><span class="token punctuation">)</span>
      <span class="token punctuation">}</span><span class="token punctuation">,</span>

      <span class="token function">getUploadURL</span><span class="token punctuation">(</span><span class="token parameter">url</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
        <span class="token keyword">return</span> <span class="token function">getUploadUrl</span><span class="token punctuation">(</span>url<span class="token punctuation">)</span>
      <span class="token punctuation">}</span><span class="token punctuation">,</span>

      <span class="token function">handleUploadSuccess</span><span class="token punctuation">(</span><span class="token parameter">response<span class="token punctuation">,</span> file<span class="token punctuation">,</span> fileList</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
        <span class="token comment">// this.file = file</span>
        <span class="token comment">// 刷新数据</span>
        <span class="token keyword">if</span> <span class="token punctuation">(</span><span class="token keyword">this</span><span class="token punctuation">.</span>shouldRefreshData<span class="token punctuation">)</span> <span class="token punctuation">{</span>
          <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">$emit</span><span class="token punctuation">(</span><span class="token string">'syncRefreshData'</span><span class="token punctuation">)</span>
        <span class="token punctuation">}</span>
        <span class="token keyword">this</span><span class="token punctuation">.</span>$message<span class="token punctuation">.</span><span class="token function">success</span><span class="token punctuation">(</span><span class="token keyword">this</span><span class="token punctuation">.</span>successMsg<span class="token punctuation">)</span>
      <span class="token punctuation">}</span><span class="token punctuation">,</span>

      <span class="token function">handleBeforeUpload</span><span class="token punctuation">(</span><span class="token parameter">file</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
        <span class="token keyword">const</span> isAllowed <span class="token operator">=</span> file<span class="token punctuation">.</span>type <span class="token operator">&amp;&amp;</span> <span class="token function">isTypeAllowed</span><span class="token punctuation">(</span>file<span class="token punctuation">.</span>type<span class="token punctuation">,</span> <span class="token keyword">this</span><span class="token punctuation">.</span>allowedUploadType<span class="token punctuation">)</span>
        <span class="token keyword">if</span> <span class="token punctuation">(</span><span class="token operator">!</span>isAllowed<span class="token punctuation">)</span> <span class="token punctuation">{</span>
          <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">$notify</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
            title<span class="token operator">:</span> <span class="token string">'文件上传格式提示'</span><span class="token punctuation">,</span>
            message<span class="token operator">:</span> <span class="token template-string"><span class="token template-punctuation string">`</span><span class="token string">只支持</span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">${</span><span class="token keyword">this</span><span class="token punctuation">.</span>accept<span class="token interpolation-punctuation punctuation">}</span></span><span class="token string">格式</span><span class="token template-punctuation string">`</span></span>
          <span class="token punctuation">}</span><span class="token punctuation">)</span>
          <span class="token comment">// this.$refs.upload.clearFiles();</span>
          <span class="token keyword">return</span> <span class="token boolean">false</span>
        <span class="token punctuation">}</span>
        <span class="token keyword">return</span> <span class="token boolean">true</span>
      <span class="token punctuation">}</span><span class="token punctuation">,</span>

      <span class="token function">getBearTokenHeader</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
        <span class="token keyword">return</span> <span class="token punctuation">{</span>
          Authorization<span class="token operator">:</span> <span class="token function">getBearerToken</span><span class="token punctuation">(</span><span class="token punctuation">)</span>
        <span class="token punctuation">}</span>
      <span class="token punctuation">}</span>
    <span class="token punctuation">}</span><span class="token punctuation">,</span>

  <span class="token punctuation">}</span>
</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>
</code></pre></div><ul><li>修改密码弹框</li></ul> <div class="language-vue extra-class"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>resetPasswordDialog<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>

    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-dialog</span>
      <span class="token attr-name">:visible</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>dialogVisible<span class="token punctuation">&quot;</span></span>
      <span class="token attr-name">:title</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>title<span class="token punctuation">&quot;</span></span>
      <span class="token attr-name">:close-on-press-escape</span><span class="token attr-value"><span class="token punctuation">=</span>false</span>
      <span class="token attr-name">:close-on-click-modal</span><span class="token attr-value"><span class="token punctuation">=</span>false</span>
      <span class="token attr-name">:show-close</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>showClose<span class="token punctuation">&quot;</span></span>
      <span class="token attr-name">:lock-scroll</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>false<span class="token punctuation">&quot;</span></span>
      <span class="token attr-name">@close</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>$emit('syncCloseDialog')<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>

      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-form</span> <span class="token attr-name">ref</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>dataForm<span class="token punctuation">&quot;</span></span> <span class="token attr-name">:rules</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>rules<span class="token punctuation">&quot;</span></span> <span class="token attr-name">:model</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>temp<span class="token punctuation">&quot;</span></span> <span class="token attr-name">label-position</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>left<span class="token punctuation">&quot;</span></span> <span class="token attr-name">label-width</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>120px<span class="token punctuation">&quot;</span></span><span class="token style-attr language-css"><span class="token attr-name"> <span class="token attr-name">style</span></span><span class="token punctuation">=&quot;</span><span class="token attr-value"><span class="token property">width</span><span class="token punctuation">:</span> 450px</span><span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-form-item</span> <span class="token attr-name">:label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span><span class="token punctuation">'</span>旧密码'<span class="token punctuation">&quot;</span></span> <span class="token attr-name">prop</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>oldPassword<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>password<span class="token punctuation">&quot;</span></span> <span class="token attr-name">v-model.trim</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>temp.oldPassword<span class="token punctuation">&quot;</span></span> <span class="token attr-name">placeholder</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>请输入旧密码<span class="token punctuation">&quot;</span></span><span class="token punctuation">/&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-form-item</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-form-item</span> <span class="token attr-name">:label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span><span class="token punctuation">'</span>新密码'<span class="token punctuation">&quot;</span></span> <span class="token attr-name">prop</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>password<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>password<span class="token punctuation">&quot;</span></span> <span class="token attr-name">v-model.trim</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>temp.password<span class="token punctuation">&quot;</span></span> <span class="token attr-name">placeholder</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>请输入新密码<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-form-item</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-form-item</span> <span class="token attr-name">:label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span><span class="token punctuation">'</span>再次输入新密码'<span class="token punctuation">&quot;</span></span> <span class="token attr-name">prop</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>passwordRepeat<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>password<span class="token punctuation">&quot;</span></span> <span class="token attr-name">v-model.trim</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>temp.passwordRepeat<span class="token punctuation">&quot;</span></span> <span class="token attr-name">@keyup.enter.native</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>handleSave<span class="token punctuation">&quot;</span></span> <span class="token attr-name">placeholder</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>再次输入新密码<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span>

        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-form-item</span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-form</span><span class="token punctuation">&gt;</span></span>

      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">slot</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>footer<span class="token punctuation">&quot;</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>dialog-footer<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-button</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>primary<span class="token punctuation">&quot;</span></span> <span class="token attr-name">@click</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>handleSave<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>保存<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-button</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-button</span> <span class="token attr-name">v-if</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>showClose<span class="token punctuation">&quot;</span></span> <span class="token attr-name">@click</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>$emit('syncCloseDialog')<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>关闭<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-button</span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>

    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-dialog</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>

<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>

<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">&gt;</span></span><span class="token script"><span class="token language-javascript">

  <span class="token keyword">import</span> <span class="token punctuation">{</span>resetPassword<span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&quot;../../../../api/main&quot;</span><span class="token punctuation">;</span>

  <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{</span>
    name<span class="token operator">:</span> <span class="token string">'ResetPasswordDialog'</span><span class="token punctuation">,</span>
    components<span class="token operator">:</span> <span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">,</span>
    props<span class="token operator">:</span> <span class="token punctuation">{</span>
      dialogVisible<span class="token operator">:</span> <span class="token punctuation">{</span>
        type<span class="token operator">:</span> Boolean<span class="token punctuation">,</span>
        <span class="token keyword">default</span><span class="token operator">:</span> <span class="token boolean">false</span>
      <span class="token punctuation">}</span><span class="token punctuation">,</span>
      title<span class="token operator">:</span> <span class="token punctuation">{</span>
        type<span class="token operator">:</span> String<span class="token punctuation">,</span>
        <span class="token keyword">default</span><span class="token operator">:</span> <span class="token string">'修改密码'</span>
      <span class="token punctuation">}</span><span class="token punctuation">,</span>
      showClose<span class="token operator">:</span> <span class="token punctuation">{</span>
        type<span class="token operator">:</span> Boolean<span class="token punctuation">,</span>
        <span class="token keyword">default</span><span class="token operator">:</span> <span class="token boolean">true</span>
      <span class="token punctuation">}</span>
    <span class="token punctuation">}</span><span class="token punctuation">,</span>
    <span class="token function">data</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
      <span class="token comment">// const validateRepeat = (rule, value, callback) =&gt; {</span>
      <span class="token comment">//   debugger</span>
      <span class="token comment">//   if (value.length !== 6) {</span>
      <span class="token comment">//     callback(new Error('请输入六个字符'))</span>
      <span class="token comment">//   } else {</span>
      <span class="token comment">//     callback()</span>
      <span class="token comment">//   }</span>
      <span class="token comment">// }</span>
      <span class="token keyword">return</span> <span class="token punctuation">{</span>
        details<span class="token operator">:</span> <span class="token punctuation">{</span>

        <span class="token punctuation">}</span><span class="token punctuation">,</span>
        temp<span class="token operator">:</span> <span class="token punctuation">{</span>
          oldPassword<span class="token operator">:</span> <span class="token keyword">null</span><span class="token punctuation">,</span>
          password<span class="token operator">:</span> <span class="token keyword">null</span><span class="token punctuation">,</span>
          passwordRepeat<span class="token operator">:</span> <span class="token keyword">null</span>
        <span class="token punctuation">}</span><span class="token punctuation">,</span>
        rules<span class="token operator">:</span> <span class="token punctuation">{</span>
          oldPassword<span class="token operator">:</span> <span class="token punctuation">[</span><span class="token punctuation">{</span> required<span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span> message<span class="token operator">:</span> <span class="token string">'旧密码未填写'</span><span class="token punctuation">,</span> trigger<span class="token operator">:</span> <span class="token string">'blur'</span> <span class="token punctuation">}</span><span class="token punctuation">]</span><span class="token punctuation">,</span>
          password<span class="token operator">:</span> <span class="token punctuation">[</span>
            <span class="token punctuation">{</span> pattern<span class="token operator">:</span> <span class="token regex">/^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])[a-zA-Z0-9]{8,10}$/</span><span class="token punctuation">,</span> message<span class="token operator">:</span> <span class="token string">'必须包含大小写字母和数字的组合，不能使用特殊字符，长度在 8-10 之间'</span><span class="token punctuation">,</span> trigger<span class="token operator">:</span><span class="token string">&quot;blur&quot;</span><span class="token punctuation">}</span>
            <span class="token comment">// { required: true, message: '新密码未填写', trigger: 'blur' },</span>
            <span class="token comment">// { min: 6, message: '密码最少6位字符', trigger: 'blur' },</span>
            <span class="token comment">// { max: 20, message: '密码不能超过20位字符', trigger: 'blur' },</span>
          <span class="token punctuation">]</span><span class="token punctuation">,</span>
          passwordRepeat<span class="token operator">:</span> <span class="token punctuation">[</span>
            <span class="token punctuation">{</span> required<span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span> message<span class="token operator">:</span> <span class="token string">'未填写'</span><span class="token punctuation">,</span> trigger<span class="token operator">:</span> <span class="token string">'blur'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
            <span class="token comment">// { validatar: validateRepeat, message: '密码未填写', trigger: 'blur' },</span>
          <span class="token punctuation">]</span>
        <span class="token punctuation">}</span><span class="token punctuation">,</span>
        dialogStatus<span class="token operator">:</span> <span class="token string">''</span><span class="token punctuation">,</span>

      <span class="token punctuation">}</span>
    <span class="token punctuation">}</span><span class="token punctuation">,</span>

    <span class="token function">mounted</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
      console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token keyword">this</span><span class="token punctuation">.</span>currId<span class="token punctuation">)</span>
    <span class="token punctuation">}</span><span class="token punctuation">,</span>

    methods<span class="token operator">:</span> <span class="token punctuation">{</span>

      <span class="token comment">// 保存</span>
      <span class="token function">handleSave</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
        <span class="token keyword">this</span><span class="token punctuation">.</span>$refs<span class="token punctuation">[</span><span class="token string">'dataForm'</span><span class="token punctuation">]</span><span class="token punctuation">.</span><span class="token function">validate</span><span class="token punctuation">(</span><span class="token punctuation">(</span><span class="token parameter">valid</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
          <span class="token keyword">if</span> <span class="token punctuation">(</span>valid<span class="token punctuation">)</span> <span class="token punctuation">{</span>
            <span class="token keyword">if</span> <span class="token punctuation">(</span><span class="token keyword">this</span><span class="token punctuation">.</span>temp<span class="token punctuation">.</span>password <span class="token operator">!=</span> <span class="token keyword">this</span><span class="token punctuation">.</span>temp<span class="token punctuation">.</span>passwordRepeat<span class="token punctuation">)</span> <span class="token punctuation">{</span>
              <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">$notify</span><span class="token punctuation">(</span><span class="token punctuation">{</span> title<span class="token operator">:</span> <span class="token string">'提示'</span><span class="token punctuation">,</span> message<span class="token operator">:</span> <span class="token string">'两次密码输入不一致'</span><span class="token punctuation">,</span> type<span class="token operator">:</span> <span class="token string">'warning'</span><span class="token punctuation">,</span> duration<span class="token operator">:</span> <span class="token number">2000</span> <span class="token punctuation">}</span><span class="token punctuation">)</span>
              <span class="token keyword">return</span> <span class="token boolean">false</span>
            <span class="token punctuation">}</span>

            <span class="token function">resetPassword</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
              <span class="token string">&quot;oldPassword&quot;</span><span class="token operator">:</span> <span class="token keyword">this</span><span class="token punctuation">.</span>temp<span class="token punctuation">.</span>oldPassword<span class="token punctuation">,</span>
              <span class="token string">&quot;password&quot;</span><span class="token operator">:</span> <span class="token keyword">this</span><span class="token punctuation">.</span>temp<span class="token punctuation">.</span>password<span class="token punctuation">,</span>
              <span class="token string">&quot;confirmPassword&quot;</span><span class="token operator">:</span> <span class="token keyword">this</span><span class="token punctuation">.</span>temp<span class="token punctuation">.</span>passwordRepeat
            <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">then</span><span class="token punctuation">(</span><span class="token punctuation">(</span><span class="token parameter">res</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
              <span class="token keyword">debugger</span>
              <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">$emit</span><span class="token punctuation">(</span><span class="token string">'syncCloseDialog'</span><span class="token punctuation">)</span>
              <span class="token keyword">this</span><span class="token punctuation">.</span>$message<span class="token punctuation">.</span><span class="token function">success</span><span class="token punctuation">(</span><span class="token string">'修改密码成功'</span><span class="token punctuation">)</span>
            <span class="token punctuation">}</span><span class="token punctuation">)</span>

          <span class="token punctuation">}</span>
        <span class="token punctuation">}</span><span class="token punctuation">)</span>
      <span class="token punctuation">}</span><span class="token punctuation">,</span>

    <span class="token punctuation">}</span>
  <span class="token punctuation">}</span>
</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>

<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>style</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>scss<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token style"><span class="token language-css">
  <span class="token selector">.resetPasswordDialog</span> <span class="token punctuation">{</span>
    <span class="token selector">.el-dialog</span> <span class="token punctuation">{</span>
      <span class="token property">width</span><span class="token punctuation">:</span> 500px<span class="token punctuation">;</span>
    <span class="token punctuation">}</span>
  <span class="token punctuation">}</span>

</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>style</span><span class="token punctuation">&gt;</span></span>
</code></pre></div><ul><li>工具函数</li></ul> <div class="language-js extra-class"><pre class="language-js"><code><span class="token comment">// auth.js</span>
<span class="token keyword">import</span> Cookies <span class="token keyword">from</span> <span class="token string">'js-cookie'</span>

<span class="token keyword">const</span> TokenKey <span class="token operator">=</span> <span class="token string">'Admin-Token'</span>

<span class="token keyword">export</span> <span class="token keyword">function</span> <span class="token function">getToken</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
  <span class="token keyword">return</span> Cookies<span class="token punctuation">.</span><span class="token function">get</span><span class="token punctuation">(</span>TokenKey<span class="token punctuation">)</span>
<span class="token punctuation">}</span>

<span class="token keyword">export</span> <span class="token keyword">function</span> <span class="token function">getBearerToken</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
  <span class="token keyword">const</span> token <span class="token operator">=</span> <span class="token function">getToken</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
  <span class="token keyword">return</span> token <span class="token operator">?</span>  <span class="token template-string"><span class="token template-punctuation string">`</span><span class="token string">Bearer </span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">${</span>token<span class="token interpolation-punctuation punctuation">}</span></span><span class="token template-punctuation string">`</span></span> <span class="token operator">:</span> <span class="token keyword">null</span>
<span class="token punctuation">}</span>
<span class="token keyword">export</span> <span class="token keyword">function</span> <span class="token function">setToken</span><span class="token punctuation">(</span><span class="token parameter">token</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
  <span class="token keyword">return</span> Cookies<span class="token punctuation">.</span><span class="token function">set</span><span class="token punctuation">(</span>TokenKey<span class="token punctuation">,</span> token<span class="token punctuation">)</span>
<span class="token punctuation">}</span>

<span class="token keyword">export</span> <span class="token keyword">function</span> <span class="token function">removeToken</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
  <span class="token keyword">return</span> Cookies<span class="token punctuation">.</span><span class="token function">remove</span><span class="token punctuation">(</span>TokenKey<span class="token punctuation">)</span>
<span class="token punctuation">}</span>


<span class="token comment">// constants.js</span>
<span class="token keyword">export</span> <span class="token keyword">const</span> <span class="token constant">ALLOWED_UPLOAD_TYPES</span> <span class="token operator">=</span> <span class="token punctuation">[</span>
  <span class="token comment">// 图片</span>
  <span class="token string">&quot;image/jpeg&quot;</span><span class="token punctuation">,</span> <span class="token string">&quot;image/png&quot;</span><span class="token punctuation">,</span> <span class="token string">&quot;image/gif&quot;</span><span class="token punctuation">,</span>
  <span class="token comment">// PDF</span>
  <span class="token string">&quot;application/pdf&quot;</span><span class="token punctuation">,</span>
  <span class="token comment">// Word</span>
  <span class="token string">&quot;application/msword&quot;</span><span class="token punctuation">,</span>
  <span class="token string">&quot;application/vnd.openxmlformats-officedocument.wordprocessingml.document&quot;</span><span class="token punctuation">,</span>
  <span class="token comment">// Excel</span>
  <span class="token string">&quot;application/vnd.ms-excel&quot;</span><span class="token punctuation">,</span>
  <span class="token string">&quot;application/vnd.openxmlformats-officedocument.spreadsheetml.sheet&quot;</span>
<span class="token punctuation">]</span>

<span class="token comment">// 允许上传的EXCEL文件</span>
<span class="token keyword">export</span> <span class="token keyword">const</span> <span class="token constant">ALLOWED_UPLOAD_EXCEL_TYPES</span> <span class="token operator">=</span> <span class="token punctuation">[</span>
  <span class="token string">&quot;application/vnd.ms-excel&quot;</span><span class="token punctuation">,</span>
  <span class="token string">&quot;application/vnd.openxmlformats-officedocument.spreadsheetml.sheet&quot;</span>
<span class="token punctuation">]</span>

<span class="token comment">// api</span>
<span class="token keyword">export</span> <span class="token keyword">function</span> <span class="token function">downloadReportUser</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
  <span class="token keyword">return</span> <span class="token function">request</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    url<span class="token operator">:</span> <span class="token string">'/main/user/report'</span><span class="token punctuation">,</span>
 
    responseType<span class="token operator">:</span> <span class="token string">'blob'</span><span class="token punctuation">,</span>
    _downloadName<span class="token operator">:</span> <span class="token string">'导入模板.xlsx'</span>
  <span class="token punctuation">}</span><span class="token punctuation">)</span>
<span class="token punctuation">}</span>

<span class="token comment">// utils.js</span>
<span class="token keyword">import</span> <span class="token punctuation">{</span><span class="token constant">ALLOWED_UPLOAD_TYPES</span><span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&quot;./constants&quot;</span><span class="token punctuation">;</span>

<span class="token keyword">export</span> <span class="token keyword">function</span> <span class="token function">getUploadUrl</span><span class="token punctuation">(</span><span class="token parameter">url</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
  <span class="token keyword">return</span> <span class="token template-string"><span class="token template-punctuation string">`</span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">${</span>process<span class="token punctuation">.</span>env<span class="token punctuation">.</span><span class="token constant">BASE_API</span><span class="token interpolation-punctuation punctuation">}</span></span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">${</span>url<span class="token interpolation-punctuation punctuation">}</span></span><span class="token template-punctuation string">`</span></span>
<span class="token punctuation">}</span>

<span class="token keyword">export</span> <span class="token keyword">function</span> <span class="token function">isTypeAllowed</span><span class="token punctuation">(</span><span class="token parameter">type<span class="token punctuation">,</span> allowedTypes</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
  allowedTypes <span class="token operator">=</span> allowedTypes <span class="token operator">||</span> <span class="token constant">ALLOWED_UPLOAD_TYPES</span>
  <span class="token keyword">return</span> type <span class="token operator">&amp;&amp;</span> allowedTypes<span class="token punctuation">.</span><span class="token function">includes</span><span class="token punctuation">(</span>type<span class="token punctuation">)</span>
<span class="token punctuation">}</span>

<span class="token comment">// index.js</span>
<span class="token keyword">export</span> <span class="token keyword">function</span> <span class="token function">downloadBlobFile</span><span class="token punctuation">(</span><span class="token parameter">res<span class="token punctuation">,</span> downloadName</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>

  <span class="token keyword">const</span> link <span class="token operator">=</span> document<span class="token punctuation">.</span><span class="token function">createElement</span><span class="token punctuation">(</span><span class="token string">'a'</span><span class="token punctuation">)</span>
  <span class="token comment">// @attention res对象本身就是数据流 不需要加res.data</span>
  <span class="token keyword">let</span> blob <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">Blob</span><span class="token punctuation">(</span><span class="token punctuation">[</span>res<span class="token punctuation">]</span><span class="token punctuation">,</span> <span class="token punctuation">{</span> type<span class="token operator">:</span> res<span class="token punctuation">.</span>type <span class="token punctuation">}</span><span class="token punctuation">)</span>
  link<span class="token punctuation">.</span>style<span class="token punctuation">.</span>display <span class="token operator">=</span> <span class="token string">'none'</span>
  link<span class="token punctuation">.</span>href <span class="token operator">=</span> <span class="token constant">URL</span><span class="token punctuation">.</span><span class="token function">createObjectURL</span><span class="token punctuation">(</span>blob<span class="token punctuation">)</span>

  downloadName <span class="token operator">&amp;&amp;</span> <span class="token punctuation">(</span>link<span class="token punctuation">.</span>download <span class="token operator">=</span> downloadName<span class="token punctuation">)</span>

  document<span class="token punctuation">.</span>body<span class="token punctuation">.</span><span class="token function">append</span><span class="token punctuation">(</span>link<span class="token punctuation">)</span>
  link<span class="token punctuation">.</span><span class="token function">click</span><span class="token punctuation">(</span><span class="token punctuation">)</span>
  document<span class="token punctuation">.</span>body<span class="token punctuation">.</span><span class="token function">removeChild</span><span class="token punctuation">(</span>link<span class="token punctuation">)</span>

<span class="token punctuation">}</span>

<span class="token comment">// request.js</span>
<span class="token keyword">import</span> axios <span class="token keyword">from</span> <span class="token string">'axios'</span>
<span class="token keyword">import</span> <span class="token punctuation">{</span>Message<span class="token punctuation">,</span> MessageBox<span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'element-ui'</span>
<span class="token keyword">import</span> store <span class="token keyword">from</span> <span class="token string">'../store'</span>
<span class="token keyword">import</span> <span class="token punctuation">{</span>getBearerToken<span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&quot;./auth&quot;</span><span class="token punctuation">;</span>
<span class="token keyword">import</span> <span class="token punctuation">{</span>downloadBlobFile<span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&quot;./index&quot;</span><span class="token punctuation">;</span>

<span class="token comment">// 创建axios实例</span>
<span class="token keyword">const</span> service <span class="token operator">=</span> axios<span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
  baseURL<span class="token operator">:</span> process<span class="token punctuation">.</span>env<span class="token punctuation">.</span><span class="token constant">BASE_API</span><span class="token punctuation">,</span> 
  timeout<span class="token operator">:</span> <span class="token number">15</span> <span class="token operator">*</span> <span class="token number">1000</span> <span class="token comment">// 请求超时时间</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span>

<span class="token keyword">function</span> <span class="token function">force2Logout</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
  MessageBox<span class="token punctuation">.</span><span class="token function">confirm</span><span class="token punctuation">(</span>
    <span class="token string">'你已被登出，可以取消继续留在该页面，或者重新登录'</span><span class="token punctuation">,</span>
    <span class="token string">'确定登出'</span><span class="token punctuation">,</span>
    <span class="token punctuation">{</span>
      confirmButtonText<span class="token operator">:</span> <span class="token string">'重新登录'</span><span class="token punctuation">,</span>
      cancelButtonText<span class="token operator">:</span> <span class="token string">'取消'</span><span class="token punctuation">,</span>
      type<span class="token operator">:</span> <span class="token string">'warning'</span>
    <span class="token punctuation">}</span>
  <span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">then</span><span class="token punctuation">(</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    store<span class="token punctuation">.</span><span class="token function">dispatch</span><span class="token punctuation">(</span><span class="token string">'FedLogOut'</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">then</span><span class="token punctuation">(</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
      location<span class="token punctuation">.</span><span class="token function">reload</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token comment">// 为了重新实例化vue-router对象 避免bug</span>
    <span class="token punctuation">}</span><span class="token punctuation">)</span>
  <span class="token punctuation">}</span><span class="token punctuation">)</span>
<span class="token punctuation">}</span>

<span class="token keyword">function</span> <span class="token function">showErrorMsg</span> <span class="token punctuation">(</span><span class="token parameter">message</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
  <span class="token function">Message</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    message<span class="token punctuation">,</span>
    type<span class="token operator">:</span> <span class="token string">'error'</span><span class="token punctuation">,</span>
    duration<span class="token operator">:</span> <span class="token number">5</span> <span class="token operator">*</span> <span class="token number">1000</span>
  <span class="token punctuation">}</span><span class="token punctuation">)</span>
<span class="token punctuation">}</span>

<span class="token comment">// request拦截器</span>
service<span class="token punctuation">.</span>interceptors<span class="token punctuation">.</span>request<span class="token punctuation">.</span><span class="token function">use</span><span class="token punctuation">(</span>
  <span class="token parameter">config</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    <span class="token keyword">if</span> <span class="token punctuation">(</span>store<span class="token punctuation">.</span>getters<span class="token punctuation">.</span>token<span class="token punctuation">)</span> <span class="token punctuation">{</span>
      <span class="token comment">// 让每个请求携带自定义token 请根据实际情况自行修改</span>
      config<span class="token punctuation">.</span>headers<span class="token punctuation">[</span><span class="token string">'Authorization'</span><span class="token punctuation">]</span> <span class="token operator">=</span> <span class="token function">getBearerToken</span><span class="token punctuation">(</span><span class="token punctuation">)</span>
    <span class="token punctuation">}</span>
    <span class="token keyword">return</span> config
  <span class="token punctuation">}</span><span class="token punctuation">,</span>
  <span class="token parameter">error</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    <span class="token comment">// Do something with request error</span>
    console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>error<span class="token punctuation">)</span> <span class="token comment">// for debug</span>
    Promise<span class="token punctuation">.</span><span class="token function">reject</span><span class="token punctuation">(</span>error<span class="token punctuation">)</span>
  <span class="token punctuation">}</span>
<span class="token punctuation">)</span>

<span class="token comment">// response 拦截器</span>
service<span class="token punctuation">.</span>interceptors<span class="token punctuation">.</span>response<span class="token punctuation">.</span><span class="token function">use</span><span class="token punctuation">(</span>
  <span class="token parameter">response</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    <span class="token keyword">const</span> res <span class="token operator">=</span> response<span class="token punctuation">.</span>data
    <span class="token keyword">const</span> config <span class="token operator">=</span> response<span class="token punctuation">.</span>config

    <span class="token comment">// blob直接返回结果</span>
    <span class="token keyword">if</span> <span class="token punctuation">(</span>config <span class="token operator">&amp;&amp;</span> config<span class="token punctuation">.</span>responseType <span class="token operator">===</span> <span class="token string">'blob'</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
      <span class="token comment">// console.log(res)</span>

      <span class="token comment">// 下划线开头属性为自定义</span>
      <span class="token function">downloadBlobFile</span><span class="token punctuation">(</span>res<span class="token punctuation">,</span> config<span class="token punctuation">.</span>_downloadName<span class="token punctuation">)</span>
      <span class="token keyword">return</span> res
    <span class="token punctuation">}</span>

    <span class="token comment">// JSON结果处理</span>
    <span class="token keyword">if</span> <span class="token punctuation">(</span><span class="token operator">!</span>res<span class="token punctuation">.</span>success<span class="token punctuation">)</span> <span class="token punctuation">{</span>
      <span class="token keyword">const</span> code <span class="token operator">=</span> res<span class="token punctuation">.</span>code
      <span class="token keyword">const</span> message <span class="token operator">=</span> res<span class="token punctuation">.</span>msg <span class="token operator">||</span> res<span class="token punctuation">.</span>message
      <span class="token function">showErrorMsg</span><span class="token punctuation">(</span>message<span class="token punctuation">)</span>

      <span class="token keyword">return</span> Promise<span class="token punctuation">.</span><span class="token function">reject</span><span class="token punctuation">(</span><span class="token string">'error'</span><span class="token punctuation">)</span>
    <span class="token punctuation">}</span>

    <span class="token keyword">return</span> res<span class="token punctuation">.</span>data
  <span class="token punctuation">}</span><span class="token punctuation">,</span>
  <span class="token parameter">error</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    <span class="token keyword">const</span> res <span class="token operator">=</span> error<span class="token punctuation">.</span>response
    <span class="token comment">// debugger</span>
    <span class="token keyword">const</span> message <span class="token operator">=</span> error<span class="token punctuation">.</span>message

    <span class="token comment">// for debug</span>
    console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'err'</span> <span class="token operator">+</span> error<span class="token punctuation">)</span>

    <span class="token comment">// 权限不足, 强制登出</span>
    <span class="token keyword">if</span> <span class="token punctuation">(</span>res <span class="token operator">&amp;&amp;</span> <span class="token punctuation">[</span><span class="token number">401</span><span class="token punctuation">]</span><span class="token punctuation">.</span><span class="token function">includes</span><span class="token punctuation">(</span>res<span class="token punctuation">.</span>status<span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
      <span class="token function">force2Logout</span><span class="token punctuation">(</span><span class="token punctuation">)</span>
    <span class="token punctuation">}</span> <span class="token keyword">else</span> <span class="token punctuation">{</span>
      <span class="token function">showErrorMsg</span><span class="token punctuation">(</span>message<span class="token punctuation">)</span>
    <span class="token punctuation">}</span>
    <span class="token keyword">return</span> Promise<span class="token punctuation">.</span><span class="token function">reject</span><span class="token punctuation">(</span>error<span class="token punctuation">)</span>
  <span class="token punctuation">}</span>
<span class="token punctuation">)</span>

<span class="token keyword">export</span> <span class="token keyword">default</span> service
</code></pre></div><h1 id="layui-常用片段"><a href="#layui-常用片段" class="header-anchor">#</a> LayUI-常用片段</h1> <ul><li>门户页-简单的表格信息查询显示</li></ul> <div class="language-html extra-class"><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>link</span> <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>stylesheet<span class="token punctuation">&quot;</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>https://www.layuicdn.com/layui-v2.5.6/css/layui.css<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>https://www.layuicdn.com/layui-v2.5.6/layui.js<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>

<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>form</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>layui-form mt-20<span class="token punctuation">&quot;</span></span> <span class="token attr-name">action</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span><span class="token punctuation">&quot;</span></span> <span class="token attr-name">lay-filter</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>search_form<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>

  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>layui-form-item layui-row<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>layui-col-md12<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>label</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>layui-form-label<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>主编单位<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>label</span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>layui-input-inline<span class="token punctuation">&quot;</span></span><span class="token style-attr language-css"><span class="token attr-name"> <span class="token attr-name">style</span></span><span class="token punctuation">=&quot;</span><span class="token attr-value"><span class="token property">width</span><span class="token punctuation">:</span> 860px<span class="token punctuation">;</span></span><span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>text<span class="token punctuation">&quot;</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>company<span class="token punctuation">&quot;</span></span> <span class="token attr-name">autocomplete</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>off<span class="token punctuation">&quot;</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>layui-input<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>

  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>layui-form-item layui-row<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>layui-col-md6<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>label</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>layui-form-label<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>强制性条文<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>label</span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>layui-input-inline<span class="token punctuation">&quot;</span></span><span class="token style-attr language-css"><span class="token attr-name"> <span class="token attr-name">style</span></span><span class="token punctuation">=&quot;</span><span class="token attr-value"><span class="token property">width</span><span class="token punctuation">:</span> 350px<span class="token punctuation">;</span></span><span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>select</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>mandatoryText<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>option</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span><span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>全部<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>option</span><span class="token punctuation">&gt;</span></span>
          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>option</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>1<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>强制性<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>option</span><span class="token punctuation">&gt;</span></span>
          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>option</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>2<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>推荐性<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>option</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>select</span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>

    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>layui-col-md6<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>label</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>layui-form-label<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>施行日期<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>label</span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>layui-input-inline<span class="token punctuation">&quot;</span></span><span class="token style-attr language-css"><span class="token attr-name"> <span class="token attr-name">style</span></span><span class="token punctuation">=&quot;</span><span class="token attr-value"><span class="token property">width</span><span class="token punctuation">:</span> 350px<span class="token punctuation">;</span></span><span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>text<span class="token punctuation">&quot;</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>layui-input inline-block<span class="token punctuation">&quot;</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>applyDate<span class="token punctuation">&quot;</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>enforceDate<span class="token punctuation">&quot;</span></span> <span class="token attr-name">placeholder</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>请选择日期范围<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>

  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>layui-form-item layui-row text-center<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>inline-block<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>button</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>btn_search<span class="token punctuation">&quot;</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>layui-btn w-120<span class="token punctuation">&quot;</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>button<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>查询<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>button</span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>button</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>layui-btn w-120 ml-20<span class="token punctuation">&quot;</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>button<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>导出<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>button</span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>

<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>form</span><span class="token punctuation">&gt;</span></span>


<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>table</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>table<span class="token punctuation">&quot;</span></span> <span class="token attr-name">lay-filter</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>table<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>table</span><span class="token punctuation">&gt;</span></span>  

<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">&gt;</span></span><span class="token script"><span class="token language-javascript">
layui<span class="token punctuation">.</span><span class="token function">use</span><span class="token punctuation">(</span><span class="token punctuation">[</span><span class="token string">'laydate'</span><span class="token punctuation">,</span> <span class="token string">'table'</span><span class="token punctuation">,</span> <span class="token string">'form'</span><span class="token punctuation">]</span><span class="token punctuation">,</span> <span class="token keyword">function</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
  <span class="token comment">// 1) 声明模块</span>
  <span class="token keyword">var</span> laydate <span class="token operator">=</span> layui<span class="token punctuation">.</span>laydate
  <span class="token keyword">var</span> table <span class="token operator">=</span> layui<span class="token punctuation">.</span>table
  <span class="token keyword">var</span> form <span class="token operator">=</span> layui<span class="token punctuation">.</span>form

  <span class="token keyword">var</span> isFirstRender <span class="token operator">=</span> <span class="token boolean">true</span>

  <span class="token comment">// 2) 监听事件</span>
  <span class="token function">$</span><span class="token punctuation">(</span><span class="token string">'#btn_search'</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">on</span><span class="token punctuation">(</span><span class="token string">'click'</span><span class="token punctuation">,</span> <span class="token keyword">function</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
    <span class="token keyword">var</span> keyword <span class="token operator">=</span> form<span class="token punctuation">.</span><span class="token function">val</span><span class="token punctuation">(</span><span class="token string">&quot;search_form&quot;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

    console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>keyword<span class="token punctuation">)</span>
    window<span class="token punctuation">.</span>location<span class="token punctuation">.</span>href <span class="token operator">=</span> <span class="token string">&quot;/new?type=1&amp;&quot;</span> <span class="token operator">+</span> $<span class="token punctuation">.</span><span class="token function">param</span><span class="token punctuation">(</span>keyword<span class="token punctuation">)</span>
  <span class="token punctuation">}</span><span class="token punctuation">)</span>


  <span class="token keyword">function</span> <span class="token function">getQueryStringArgs</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
    <span class="token comment">// 取得查询字符串并去掉开头的问号</span>
    <span class="token keyword">var</span> qs <span class="token operator">=</span> <span class="token punctuation">(</span>location<span class="token punctuation">.</span>search<span class="token punctuation">.</span>length <span class="token operator">&gt;</span> <span class="token number">0</span> <span class="token operator">?</span> location<span class="token punctuation">.</span>search<span class="token punctuation">.</span><span class="token function">substring</span><span class="token punctuation">(</span><span class="token number">1</span><span class="token punctuation">)</span> <span class="token operator">:</span> <span class="token string">&quot;&quot;</span><span class="token punctuation">)</span>
    <span class="token comment">//保存数据的对象</span>
    <span class="token keyword">var</span> args <span class="token operator">=</span> <span class="token punctuation">{</span><span class="token punctuation">}</span>
    <span class="token comment">//取得每一项</span>
    <span class="token keyword">var</span> items <span class="token operator">=</span> qs<span class="token punctuation">.</span>length <span class="token operator">?</span> qs<span class="token punctuation">.</span><span class="token function">split</span><span class="token punctuation">(</span><span class="token string">&quot;&amp;&quot;</span><span class="token punctuation">)</span> <span class="token operator">:</span> <span class="token punctuation">[</span><span class="token punctuation">]</span>
    <span class="token keyword">var</span> item <span class="token operator">=</span> <span class="token keyword">null</span>
    <span class="token keyword">var</span> name <span class="token operator">=</span> <span class="token keyword">null</span>
    <span class="token keyword">var</span> value <span class="token operator">=</span> <span class="token keyword">null</span>
    <span class="token comment">//在 for 循环中使用</span>
    <span class="token keyword">var</span> i <span class="token operator">=</span> <span class="token number">0</span>
    <span class="token keyword">var</span> len <span class="token operator">=</span> items<span class="token punctuation">.</span>length


    <span class="token comment">//逐个将每一项添加到 args 对象中</span>
    <span class="token keyword">for</span> <span class="token punctuation">(</span>i <span class="token operator">=</span> <span class="token number">0</span><span class="token punctuation">;</span> i <span class="token operator">&lt;</span>script len<span class="token punctuation">;</span> i<span class="token operator">++</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
      item <span class="token operator">=</span> items<span class="token punctuation">[</span>i<span class="token punctuation">]</span><span class="token punctuation">.</span><span class="token function">split</span><span class="token punctuation">(</span><span class="token string">&quot;=&quot;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
      name <span class="token operator">=</span> <span class="token function">decodeURIComponent</span><span class="token punctuation">(</span>item<span class="token punctuation">[</span><span class="token number">0</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
      value <span class="token operator">=</span> <span class="token function">decodeURIComponent</span><span class="token punctuation">(</span>item<span class="token punctuation">[</span><span class="token number">1</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
      <span class="token keyword">if</span> <span class="token punctuation">(</span>name<span class="token punctuation">.</span>length<span class="token punctuation">)</span> <span class="token punctuation">{</span>
        args<span class="token punctuation">[</span>name<span class="token punctuation">]</span> <span class="token operator">=</span> value<span class="token punctuation">;</span>
      <span class="token punctuation">}</span>
    <span class="token punctuation">}</span>

    <span class="token keyword">return</span> args<span class="token punctuation">;</span>
  <span class="token punctuation">}</span>

  <span class="token keyword">function</span> <span class="token function">getKeyword</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
    <span class="token keyword">var</span> keyword <span class="token operator">=</span> form<span class="token punctuation">.</span><span class="token function">val</span><span class="token punctuation">(</span><span class="token string">&quot;search_form&quot;</span><span class="token punctuation">)</span>
    <span class="token keyword">return</span> keyword
  <span class="token punctuation">}</span>

  <span class="token keyword">function</span> <span class="token function">initQuery</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
    <span class="token keyword">var</span> query <span class="token operator">=</span> <span class="token function">getQueryStringArgs</span><span class="token punctuation">(</span><span class="token punctuation">)</span>
    form<span class="token punctuation">.</span><span class="token function">val</span><span class="token punctuation">(</span><span class="token string">&quot;search_form&quot;</span><span class="token punctuation">,</span> query<span class="token punctuation">)</span>
  <span class="token punctuation">}</span>

  <span class="token comment">// 3) 初始化</span>
  <span class="token function">initQuery</span><span class="token punctuation">(</span><span class="token punctuation">)</span>

  laydate<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    elem<span class="token operator">:</span> <span class="token string">'#applyDate'</span><span class="token punctuation">,</span>
    type<span class="token operator">:</span> <span class="token string">'month'</span><span class="token punctuation">,</span>
    range<span class="token operator">:</span> <span class="token boolean">true</span>
  <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

  table<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    elem<span class="token operator">:</span> <span class="token string">'#table'</span><span class="token punctuation">,</span>
    <span class="token comment">//开启分页</span>
    url<span class="token operator">:</span> <span class="token string">'/api/xxx'</span><span class="token punctuation">,</span>
    <span class="token comment">// data: [],</span>
    page<span class="token operator">:</span> <span class="token punctuation">{</span>
      curr<span class="token operator">:</span> <span class="token number">0</span><span class="token punctuation">,</span>
      count<span class="token operator">:</span> <span class="token number">0</span><span class="token punctuation">,</span>
    <span class="token punctuation">}</span><span class="token punctuation">,</span>
    cols<span class="token operator">:</span> <span class="token punctuation">[</span>
      <span class="token punctuation">[</span> <span class="token comment">//表头</span>
        <span class="token punctuation">{</span>
          field<span class="token operator">:</span> <span class="token string">'no'</span><span class="token punctuation">,</span>
          title<span class="token operator">:</span> <span class="token string">'序号'</span><span class="token punctuation">,</span>
          width<span class="token operator">:</span> <span class="token number">60</span>
        <span class="token punctuation">}</span><span class="token punctuation">,</span>
        <span class="token punctuation">{</span>
          field<span class="token operator">:</span> <span class="token string">'standardNo'</span><span class="token punctuation">,</span>
          title<span class="token operator">:</span> <span class="token string">'标准号'</span><span class="token punctuation">,</span>
          width<span class="token operator">:</span> <span class="token number">180</span>
        <span class="token punctuation">}</span><span class="token punctuation">,</span>
        <span class="token punctuation">{</span>
          field<span class="token operator">:</span> <span class="token string">'standardName'</span><span class="token punctuation">,</span>
          title<span class="token operator">:</span> <span class="token string">'标准名称'</span><span class="token punctuation">,</span>
          width<span class="token operator">:</span> <span class="token number">200</span>
        <span class="token punctuation">}</span><span class="token punctuation">,</span>
        <span class="token punctuation">{</span>
          field<span class="token operator">:</span> <span class="token string">'company'</span><span class="token punctuation">,</span>
          title<span class="token operator">:</span> <span class="token string">'主编单位'</span>
        <span class="token punctuation">}</span><span class="token punctuation">,</span>
        <span class="token punctuation">{</span>
          field<span class="token operator">:</span> <span class="token string">'publishDate'</span><span class="token punctuation">,</span>
          title<span class="token operator">:</span> <span class="token string">'发布日期'</span><span class="token punctuation">,</span>
          width<span class="token operator">:</span> <span class="token number">120</span>
        <span class="token punctuation">}</span><span class="token punctuation">,</span>
        <span class="token punctuation">{</span>
          field<span class="token operator">:</span> <span class="token string">'enforceDate'</span><span class="token punctuation">,</span>
          title<span class="token operator">:</span> <span class="token string">'施行日期'</span><span class="token punctuation">,</span>
          width<span class="token operator">:</span> <span class="token number">120</span>
        <span class="token punctuation">}</span><span class="token punctuation">,</span>
        <span class="token punctuation">{</span>
          field<span class="token operator">:</span> <span class="token string">'remark'</span><span class="token punctuation">,</span>
          title<span class="token operator">:</span> <span class="token string">'备注'</span><span class="token punctuation">,</span>
          width<span class="token operator">:</span> <span class="token number">100</span>
        <span class="token punctuation">}</span><span class="token punctuation">,</span>
      <span class="token punctuation">]</span>
    <span class="token punctuation">]</span><span class="token punctuation">,</span>
    <span class="token function-variable function">done</span><span class="token operator">:</span> <span class="token keyword">function</span> <span class="token punctuation">(</span><span class="token parameter">res<span class="token punctuation">,</span> curr<span class="token punctuation">,</span> count</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
      <span class="token comment">//如果是异步请求数据方式，res即为你接口返回的信息</span>
      <span class="token comment">//如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度</span>
      console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>res<span class="token punctuation">)</span><span class="token punctuation">;</span>

      <span class="token comment">//得到当前页码</span>
      console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>curr<span class="token punctuation">)</span><span class="token punctuation">;</span>

      <span class="token comment">//得到数据总量</span>
      console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>count<span class="token punctuation">)</span><span class="token punctuation">;</span>

      <span class="token comment">// 跳转会刷新页面</span>
      <span class="token comment">// if (!isFirstRender) {</span>
      <span class="token comment">//   var keyword = getKeyword()</span>
      <span class="token comment">//   keyword.pageIndex = curr</span>

      <span class="token comment">//   // 请求操作</span>
      <span class="token comment">//   window.location.href = &quot;/news/bzgl/bzxxcx-tj?type=2&amp;&quot; + $.param(keyword)</span>
      <span class="token comment">// } else {</span>
      <span class="token comment">//   isFirstRender = false</span>
      <span class="token comment">// }</span>

    <span class="token punctuation">}</span>
  <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

<span class="token punctuation">}</span><span class="token punctuation">)</span>
</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>
</code></pre></div></div> <footer class="page-edit"><!----> <!----></footer> <div class="page-nav"><p class="inner"><span class="prev">
      ←
      <a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/01--ji-chu--qian-duan-gong-cheng-hua.html" class="prev">
        [基础]前端工程化
      </a></span> <span class="next"><a href="/note/nav.4.ui-javascript/ch5-devops-scaffold/04--biao-zhun--qian-duan-gong-cheng--tong-yong-jie-gou-she-ji.html">
        [标准]前端工程-通用结构设计
      </a>
      →
    </span></p></div> </main></div><div class="global-ui"></div></div>
    <script src="/note/assets/js/app.0dd55c60.js" defer></script><script src="/note/assets/js/2.b5bc497d.js" defer></script><script src="/note/assets/js/752.6f286a81.js" defer></script>
  </body>
</html>
